关于html 的一些小练习

发布时间：2023-09-06 01:18责任编辑：郭大石关键词：暂无标签

第1题考察title标签

650) this.width=650;" width="329" height="155" src="https://s2.51cto.com/wyfs02/M00/08/CC/wKiom1nnMDzSHIgAAABuvH9evVA866.png" style="background:url("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd;" alt="spacer.gif" title="2.PNG" />

650) this.width=650;" src="https://s5.51cto.com/wyfs02/M00/08/CC/wKiom1nnMFvx7QfmAAA_QObUN3I065.png" title="1.PNG" alt="wKiom1nnMFvx7QfmAAA_QObUN3I065.png" />

<title>出现在<head>里面，表示页面的标题。直观上，我们可以在浏览器的标题栏（标签栏）中看见。

B正确。

第2题考察的就是HTML的本质

650) this.width=650;" width="565" height="200" src="https://s3.51cto.com/wyfs02/M01/08/CC/wKiom1nnMNySmnuYAADdLwYSk0s777.png" style="background:url("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd;" alt="spacer.gif" title="1.PNG" />

答案：D

解析：首先HTML只依靠标签对儿表达语义，和是否缩进、换行没有任何关系；只要是标签有正确的嵌套关系，正确的父子关系，那么就是一个合法的HTML结构，不一定要缩进。百度的首页，为了减小文件体积，所以都是没有缩进的。提到HTML的作用，只能从语义方面从想，绝对不能想样式。所以C错误的。D正确。

第3题考察常用属性

650) this.width=650;" width="506" height="153" src="https://s2.51cto.com/wyfs02/M00/A7/7B/wKioL1nnMD2Q2oJRAABC6yBcp8Y814.png" style="background:url("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd;" alt="spacer.gif" title="1.PNG" />

答案：D。

此题主要是考查插入图片和超链接的标签，这两句都是比较容易记住的，大家最好记住一些常用的标签语句。

1 <img src="1.jpg" />

3 <a href="1.html">点击我</a>

img是image“图像”；

src是source“资源”；

a是anchor“锚”；

href是hypertext reference“超文本地址”

第4题考察HTTP的原理

650) this.width=650;" width="580" height="189" src="https://s1.51cto.com/wyfs02/M00/A7/7B/wKioL1nnMWfxvibwAADQ2vdwT50528.png" style="background:url("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd;" alt="spacer.gif" title="1.PNG" />

答案：B。

服务器上有一些文件，html、图片、css、js文件，通过HTTP请求传输到了用户的电脑里面。所以，第二次访问的时候，这些图片就不用传输了，所以页面变得快。

A，错误，没有所谓的vip通路。

B，正确

C，错误。因为HTTP不是一个持久连接的协议，传完就拉倒了，就关闭连接了，所以没有一个持续的通路。

D，错误。每次访问，都是不同的寻址过程，不会“记路”。

第5题纯文本

650) this.width=650;" width="558" height="370" src="https://s5.51cto.com/wyfs02/M01/A7/7B/wKioL1nnMk7jOxL8AAHwdWvZTwY447.png" style="background:url("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd;" alt="spacer.gif" title="1.PNG" />

答案：C。

用记事本打开，不是乱码，是可读的，那么一定是纯本文文件。只有文本，没有样式，没有语义。

所以，.java文件是纯文本的,.class文件不是纯文本的。

所有的纯文本文件都能用记事本、notepad++、editplus、sublime编辑。

第6题考察XHTML

650) this.width=650;" width="321" height="236" src="https://s1.51cto.com/wyfs02/M00/A7/7B/wKioL1nnMz2wfPwXAACHjKIw3Eo866.png" style="background:url("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd;" alt="spacer.gif" title="1.PNG" />

答案：B。

所有的标签名、属性都要小写，必须使用引号，必须封闭。答案是B

第7题考察定义列表

650) this.width=650;" width="240" height="263" src="https://s3.51cto.com/wyfs02/M00/A7/7C/wKioL1nnM8qSYTBcAAB0MPiSlB4243.png" style="background:url("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd;" alt="spacer.gif" title="1.PNG" />

答案：B。

一定要记住每个标签标示什么，就是英语原意是什么？比如

dl 就是definition list，定义列表；

dt 就是definition title，定义标题；

dd就是definition description，定义描述

第8题考察相对路径

650) this.width=650;" width="680" height="266" src="https://s1.51cto.com/wyfs02/M02/08/CC/wKiom1nnNxDw_pbBAADjOu5BRik992.png" alt="spacer.gif" style="background-image:url("/e/u261/lang/zh-cn/images/localimage.png");background-position:center;background-repeat:no-repeat;border:1px solid rgb(221,221,221);" title="1.PNG" />

1.html中，有一个能够点击的图片。所以骨架：

1 <a href=""><img src="" /></a>

href里面是相对路径，要从1.html出发找到2.html；

src里面也是相对路径，要从1.html出发找到kaola.png。

标准答案：

1 <a href="../myweb2/2.html" target="_blank"><img src="../../photo/kaola.png" /></a>

我们一直在用的是相对路径，就是从自己出发找到别人。用相对路径的好处很明显，就是站点文件夹可以拷着走。

相对路径的好处：站点不管拷贝到哪里，文件和图片的相对路径关系都是不变的。

相对路径使用有一个前提，就是网页文件和你的图片，必须在一个服务器上。

比如，你现在想插入一个新浪网上的图片，那么就不能用相对路径。就要用绝对路径。

绝对路径非常简单，所有以http://开头的路径，就是绝对路径。

<a href="http://www.sohu.com">点击我跳转到搜狐</a>

如果我的网页在C盘，图片却在D盘，能不能插入呢？

答案：用相对路径不能，用绝对路径也不能。

注意，可以使用file://来插入，但是这种方法，没有任何意义！因为服务器上没有所谓c盘、d盘。

下面的方法是行的，但是没有任何工程上的意义，这是因为服务器没有盘符，linux系统没有盘符，

总结一下：

我们现在无论是在a标签、img标签，如果要用路径。只有两种路径能用，就是相对路径和绝对路径。

相对路径，就是../ image/ 这种路径。从自己出发，找到别人；

绝对路径，就是http://开头的路径。

绝对不允许使用file://开头的东西，这个是完全错误的！！

关于html 的一些小练习

原文地址：http://xuhoji.blog.51cto.com/13357671/1973898

关于html 的一些小练习

知识推荐