【web前端】web前端设计入门到实战第二弹——面试题总结+答案 - 码农知识堂 - 文章详情页

【web前端】web前端设计入门到实战第二弹——面试题总结+答案
这里写目录标题
- 一、选择题
- 二、填空题
一、选择题

1、表格的主要作用是（ B ）。

A.网页排版布局
B.显示数据
C.处理图像
D.优化网站

2、如果表格的边框不显示，应设置border的值为（ B ）。

A.1
B.0
C.2
D.3

3、定义单元格的是（A ）。
```
A.<td>td>                B.<tr>tr>    
C.<table>table>    D.<caption>caption>
1
2
```
4、为了解决浏览器对视频格式的兼容情况，可以使用（ A ）标签为同一个每天数据指定多个播放格式与编码方式。
```
A.<source>  
B.<audio>    
C.<video>    
D.<track>
1
2
3
4
```
5、在下面的标签中，（ A ）是通用标签。
```
A.<span>     
B.<p>    
C.<ol>    
D.<pre>
1
2
3
4
```
6、WEB使用（ D ）在服务器和客户端之间传输数据

A.FTP
B.Telnet
C.E-mail
D.HTTP

7、HTTP服务默认的端口号是（ D ）。

A.20
B.21
C.25
D.80

8、HTML是一种标记语言，由（ C ）解释执行。

A.WEB服务器
B.操作系统
C.WEB浏览器
D.不需要解释

9、目前的WEB标准不包括（ D ）。

A.结构标准
B.表现标准
C.行为标准
D.动态网页

10、下面正确的URL地址是（ C ）。

A.Get://www.solt.com/about.html
B.ftp://tsinghua.edu.cn
C.http://www.tsinghua.edu.cn
D.http://www.bhu.edu.cn

11、下列有关网页中图像的说法不正确的是（ C ）。

A.网页中的图像并不与网页保存在同一个文件中，每个图像单独保存
B.HTML5图像标签可以描述图像的位置、大小等属性
C.HTML5图像标签可以直接描述图像上的像素
D.图像可以作为超链接的起始对象

12、在以下标签中，主要用来创建视频和Flash的是（ B ）。
```
A.<object>                
 B.<embed>
C.<form>                    
D.<marquee>
1
2
3
4
```
13、在下面的颜色值中，（ D ）是正确的颜色值。

A.&FF0000
B.#FFHH00
C.#FF00GG
D.#FFBB00

14、在HTML5文档中，使用（ C ）标签标记定义列表。
```
A.<ol>                 
B.<ul>
C.<dl>                 
D.<list>
1
2
3
4
```
15、在下面的标签中，（C ）是HTML5新增的标签。
```
A.<br>
B.<break>
C.<header>
D.<head>
1
2
3
4
```
16．关于Web开发核心技术的描述，不正确的是（ A ）。

A. HTML文件中只能写HTML代码，不能添加CSS代码或JavaScript代码。
B. 设置网页样式时，可以通过引入CSS文件，也可以将CSS代码写在HTML中。
C. JavaScript文件的后缀名只能是.js
D. A、B、C都不正确

17．HTML文档的树状结构中，（ A ）标签为文档的根节点，位于结构中的最顶层。
```
A.  <HTML>                         
B.  <HEAD>
C.  <BODY>                        
D.  <TITLE>
1
2
3
4
```
18．关于网站首页制作的说法错误的是（ D ）。

A．首页的文件名称可以是index.htm或index.html。
B．可以使用排版表格和排版单元格来进行定位网页元素。
C．可以使用表格对网页进行定位。
D．在首页中我们不可以使用css样式来定义风格。

19．下面说法正确的是（ D ）。

A．在制作网页时，为了少建立文件夹，应该吧所有的HTML代码，CSS代码和JavaScript代码都写在HTML文件中。
B．编写时没必要加注释，写注释是多此一举。
C．为文件命名时，可以随便命名，不需要做到“见名知意”
D．A、B、C都不对。

20．下面哪个软件不是用于编写HTML5程序代码（ A ）。

A．Dreamweaver
B．Visual studio
C．EditPlus
D．WebStorm

21、在HTML5文档中，超链接的基本形式是（ B ）。
```
A.<a link=“URL”>a>
B.<a href=“URL”>a>
C.<a URL=“URL”>a>
D.<a http=“URL”>a>
1
2
3
4
```
22、（ A ）是空格字符实体。

A.
B.&1t
C.>
D.©

23、在HTML5中，列表不包括（ D ）。

A.无序列表
B.有序列表
C.定义列表
D.公用列表

24、以下代码片段完全符合HTML5语法标准的是（ C ）。
```
A.<br>                    
B.<p>这是一个段落
C.<div>div>     
D.<hr>
1
2
3
4
```
25．

和标签说法不正确的是（ D ）。

A．
标签是块级元素
B．标签是内联元素
C．都可以添加文字
D．没有区别

26．关于链接标签的说法不正确的是（ C ）

A．标签里可以是文字也可以是图片
B．通过href属性添加目标链接地址
C．通过target属性添加目标链接地址
D．以上说法都不正确。
27．下列标签书写正确的是（ D ）。

A. <p/> B. <img>img> C. <span> D. <div>div>
1
2
3
4

28．下列不是标签的HTML属性的是（ B ）。

A．src
B．href
C．alt
D．title

29．在网页中添加一个链接，并要求在新窗口打开链接，下列代码正确的是（ A ）。

A．<a href=”link.html” target=”_blank”>友情链接a> B．<a href=”link.html” target=”_parent”>友情链接a> C．<a href=”link.html” target=”_self”>友情链接a> D．<a href=”link.html” target=”_top”>友情链接a>。
1
2
3
4

30．对于下面代码解读不正确的是（ C ）。

<img src=”pic.png” alt=”我的头像” title=”my head” width=”50px”>
1

A．该图片在网页中显示的宽度是50像素，高度按比例放大或缩小。
B．图片的路径是“img.png”。
C．鼠标悬停在图片上时，鼠标附近会显示图片信息“我的头像”
D．当图片无法正常显示时，图片位置会显示内容“我的头像”

31、关于HTML5的基本语法，下列说服错误的是（ B ）

A.在文档开始要定义文档的类型
B.元素允许交叉嵌套
C.空标签最好加“/”来关闭
D.属性值建议用“”括起来

32、的作用是（ A ）。

A.用来定义文档类型
B.用来声明命名空间
C.用来向搜索引擎声明网站关键字
D.用来向搜索引擎声明网站作者

33、（ B ）标签是文件头的开始。

A.<html> B.<head> C.<font> D.<frameset>
1
2
3
4

34．关于超链接下面说法正确的是（ C ）。

A．链接地址只能使用绝对地址
B．链接地址只能使用相对地址
C．链接地址绝对地址和相对地址都可以使用
D．以上说法都不正确

35．关于HTML5文件结构，下列说法正确的是（ C ）

A．标签中的所有内容都会显示在网页中。
B．标签</code>用于定义网页标题，该标签中的内容不会显示在网页的最上方。<br> C．<code><body>标签</code>中的内容为网页主体。<br> D．A、B、C都对</p> <blockquote> <p>36．设置<code><a></code>标签的目标链接地址的属性为（ B ）。</p> </blockquote> <p>A．src<br> B．href<br> C．target<br> D．to</p> <blockquote> <p>37．为网页添加视频可以通过以下哪个标签（ B ）。</p> </blockquote> <pre data-index="13" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;">A．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>audio</span><span class="token punctuation">></span></span> B．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>video</span><span class="token punctuation">></span></span> C．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span><span class="token punctuation">></span></span> D．A、B、C都可以 <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li></ul></pre> <blockquote> <p>38．为网页添加音频可以通过以下哪个标签（ A ）。</p> </blockquote> <pre data-index="14" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;">A．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>audio</span><span class="token punctuation">></span></span> B．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>video</span><span class="token punctuation">></span></span> C．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span><span class="token punctuation">></span></span> D．A、B、C都可以 <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li></ul></pre> <blockquote> <p>39．如果要设置页面加载完毕后立即播放视频，应该在标签中设置什么属性（ C ）。</p> </blockquote> <p>A．loop<br> B．play<br> C．autoplay<br> D．controls</p> <blockquote> <p>40．如果要添加音频工具栏，则应该通过什么属性（ B ）。</p> </blockquote> <p>A．loop<br> B．controls<br> C．autoplay<br> D．width</p> <blockquote> <p>41．下面那个标签中不能插入文字（ A ）。</p> </blockquote> <pre data-index="15" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;">A．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span><span class="token punctuation">></span></span> B．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span> C．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span> D．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li></ul></pre> <blockquote> <p>42．使用<code><img>标</code>签在网页中成功地添加一张图片，必不可少的属性是（ C ）。</p> </blockquote> <p>A．alt<br> B．title<br> C．src<br> D．width</p> <blockquote> <p>43．关于<code><br>和<hr>标签</code>说法不正确的是（ D ）。</p> </blockquote> <p>A．都是单标签<br> B．<code><br></code>标签用于换行显示内容<br> C．<code><hr></code>标签合一在网页中添加一条水平线<br> D．<code><br></code>标签与<code><p></code>标签的作用相同，都是换行</p> <blockquote> <p>44．下列说法错误的是（ C ）。</p> </blockquote> <p>A. <code><ul></code>是无序列表标签<br> B. <code><dl></code>是定义列表标签<br> C. <code><ul>和<ol></code>都是块级元素<br> D. 列表标签只有有序列表、无序列表和定义列表这三种。</p> <blockquote> <p>45．下面有关定义列表的说法中，正确的是（ B ）。</p> </blockquote> <p>A．在<code><dl></dl></code>中直接输入内容就可以<br> B．在<code><dt></dt></code>中输入定义的内容，在<code><dd></dd></code>中输入解释的内容<br> C．在<<code>dt></dt></code>中输入解释的内容，在<<code>dd></dd></code>中输入定义的内容<br> D．在<code><dt></dt></code>和<code><dd></dd></code>是唯一且一一对应的。</p> <blockquote> <p>46．关于列表下列说法错误的是（ D ）</p> </blockquote> <p>A．常见的列表有有序列表、无序列表和定义列表<br> B．有序列表的列表项目之间排列是有顺序的<br> C．无序列表的列表项目之间排列是没有顺序的<br> D．列表之间不可以嵌套使用</p> <blockquote> <p>47．关于HTML中的表格，下列说法错误的是（ C ）。</p> </blockquote> <p>A．表格标签是<code><table></code><br> B．在表格标签中通过width和height属性可以设置表格大小<br> C．在表格标签中直接添加可以<<code>td></code>单元格标签<br> D．表格标签中可以通过bgcolor添加设置表格的背景颜色</p> <blockquote> <p>48．跨行合并表格的HTML代码为（ D ）。</p> </blockquote> <pre data-index="16" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;">A．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span> <span class="token attr-name">colspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>”3”</span><span class="token punctuation">></span></span> B．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span> <span class="token attr-name">rospan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>”3”</span><span class="token punctuation">></span></span> C．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span> <span class="token attr-name">colspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>”3”</span><span class="token punctuation">></span></span> D．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span> <span class="token attr-name">rowspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>”3”</span><span class="token punctuation">></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li></ul></pre> <blockquote> <p>48．对下列代码描述不正确的是（ B ）。</p> </blockquote> <pre data-index="17" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>video</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>”a.mp4”</span><span class="token punctuation">></span></span>请更新您的浏览器<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>video</span><span class="token punctuation">></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li></ul></pre> <p>A．上面面代码可以在网页中插入一段视频<br> B．上面代码可以在网页中插入一段音频<br> C．当浏览器不支持播放视频时，浏览器中就会显示文字“请更新您的浏览器”<br> D．”a.mp4”是视频的路径</p> <blockquote> <p>50．关于定义列表标签说法错误的是（ B ）。</p> </blockquote> <p>A．定义列表是一个包含两个层次的列表<br> B．定义列表中一个<code><dd></code>标签可以对应多个<code><dt></code>标签<br> C．定义列表标签是<code><dl></code>标签<br> D．定义列表中一个<code><dt></code>标签可以对应多个<code><dd></code>标签</p> <blockquote> <p>51．下面四种标签哪种写法不正确（ A ）。</p> </blockquote> <pre data-index="18" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;">A．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> B．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Html</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>Html</span><span class="token punctuation">></span></span> C．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>HTML</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>HTML</span><span class="token punctuation">></span></span> D．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">/></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li></ul></pre> <blockquote> <p>52．Web开发的主要技术不包括以下哪个（ C ）。</p> </blockquote> <p>A．HTML<br> B．JavaScript<br> C．Java<br> D．CSS</p> <blockquote> <p>53．关于HTML描述不正确的是（ A ）。</p> </blockquote> <p>A．HTML5是一种文件<br> B．HTML5是纯文本类型的语言<br> C．HTML是一种网页控制技术<br> D．A、B、C都对</p> <blockquote> <p>54．编写网页的过程中，下面那种注释不正确（ C ）。</p> </blockquote> <pre data-index="19" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;">A．<span class="token comment"></span> B．//注释 C．<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>**注释**</span><span class="token punctuation">></span></span> D．/*注释*/ <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li></ul></pre> <blockquote> <p>55．下列说法正确的是（ B ）。</p> </blockquote> <p>A．有序列表中，type属性可以设置其序号类型<br> B．无序列表中，type属性可以设置项目符号<br> C．CSS中可以通过list-style-image自定义列表项的图标<br> D．A、B、C都对</p> <blockquote> <p>56．下面代码的运行结果，说法正确的是（ B ）。</p> </blockquote> <pre data-index="20" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>苹果<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>香蕉<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>橘子<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li></ul></pre> <p>A.是有序列表<br> B.是无序列表<br> C.是定义列表<br> D.都不正确</p> <blockquote> <p>57．下列关于有序列表和无序列表的说法正确的是（ C ）</p> </blockquote> <p>A．有序列表标签是<code><ul></code><br> B．无序列表标签是<code><ol></code><br> C．无序列表和有序列表中添加列表项都需要使用<code><li></code>标签<br> D．有序列表的每一项前面有列表项符号，而无序列表的每一项前面是排序的序号</p> <h2><a name="t2"></a><a id="_455"></a>二、填空题</h2> <p>1．阅读以下代码：</p> <pre data-index="21" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>学习用品<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>钢笔<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>笔记本<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>书<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>文具盒<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>水果分类<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ol</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>苹果<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>香蕉<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>橘子<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>梨<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ol</span><span class="token punctuation">></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li><li style="color: rgb(153, 153, 153);">6</li><li style="color: rgb(153, 153, 153);">7</li><li style="color: rgb(153, 153, 153);">8</li><li style="color: rgb(153, 153, 153);">9</li><li style="color: rgb(153, 153, 153);">10</li><li style="color: rgb(153, 153, 153);">11</li><li style="color: rgb(153, 153, 153);">12</li><li style="color: rgb(153, 153, 153);">13</li><li style="color: rgb(153, 153, 153);">14</li></ul></pre> <p>“学习用品”部分使用的列表为__无序列表_________， “水果分类”使用的列表为__有序列表_________</p> <p>2．下列代码中，"images/banner1.jpg"是图片的____路径_______， "491"和 "824"表示图片的_____高度______和________宽度___。</p> <pre data-index="22" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>images/banner1.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>替换文本<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>491<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>824<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li></ul></pre> <p>3．从块级元素和内联元素来区分，<code><div></code>标签是______块级元素_____，<code><span></code>标签是____内联_______。</p> <p>4．<code><video></code>添加视频后，设置视频播放器大小的属性是__height_________。</p> <p>5．<code><audio></code>标签中添加音频工具栏的属性是___controls________。</p> <p>6．从选中标签的数量对比，类选择器与ID选择器的区别是_____ID选择器权重大______。</p> <p>7．<code><audio></code>标签中src属性作用是____获得播放音频的路径_______。</p> <p>8．添加表单应该使用_____<code><table>_</code>_____标签。</p> <p>9．常见的列表有____无序列表_______、<strong><strong>有序列表_______和__自定义列表</strong></strong>_____。</p> <p>10．<code><ol></code>标签用于在网页中添加___有序列表________。</p> <p>11．定义列表时一个含有两个层次的列表，名词为第一层次，其标签为_____<code><dl></code><strong><strong><strong>，解释为第二层次，其标签为</strong></strong><code><dt>_</code></strong>____。</p> <p>12．<code><p></code>标签的作用是______定义段落_____。</p> <p>13．HTML文件的后缀可以是______.html_____和________.htm___。<br> 14．标签分为______内标签_____和_外标签__________。</p> <p>15．制作网页时，网页主体内容代码需要写在____<code><body></code>_<strong><strong><strong>标签里。<br> 16．<code><title></code>标签的作用是_____定义文档的标题</strong></strong></strong>。</p> <p>17．注释的作用是____解释代码辅助调试标注作者或版权信息_______。注释分为三类，分别是______单行注释_____、<em><strong>多行注释</strong></em>_____、<em><strong>文档注释</strong></em>_____。</p> <p>18.meta元素的属性有___http-equiv________、<strong><strong>name</strong></strong>___。其中_______name____属性用于描述网页，以便于搜索引擎机器人查找分类。</p> <p>19.CSS文件的后缀名是____.css_______。</p> <p>20．按单双标签分类，<code><hr></code>标签的类型___单标签________，它的作用是____添加水平分割线_______。</p> <p>21．添加视频或音频时，如果要设置音频或视频加载完毕后立即播放，可以使用_____autoplay______属性。</p> <p>22.下面代码：</p> <pre data-index="23" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">align</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>center<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>点击进入首页<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li></ul></pre> <p><code><p></code>标签的作用是____成段落（段落标签）______<em>，align="center"的作用是：<em><strong><strong>居中</strong></strong></em></em>。</p> <p>23．下面代码：</p> <pre data-index="24" class="set-code-show prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>lx1.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>点击进入首页<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><ul class="pre-numbering" style="opacity: 0.233649;"><li style="color: rgb(153, 153, 153);">1</li></ul></pre> <p><code><a></code>标签的作用是____超链接点击点击进入首页，从一个页面跳转到另一个页面_______，"lx1.html"使用的地址为：<em><strong><strong>相对地址路径</strong></strong></em>_。<br> .<br> 24. <code><br></code>标签的作用是_____换行______。</p> <p>25．<code><video></code>标签的作用是_____定义视频______，<code><audio></code>标签的作用是_____定义音频______。</p> <p>26．在网页中添加图片使用的标签是_____<code><img></code>______。</p> <p>27<code>.<body></code>标签中设置网页背景颜色的属性是___bgcolor________。</p> <p>28．WEB开发的核心技术是________HTML___、<strong>CSS</strong>_______、<em>JavaScript</em>_________。</p> <p>29．在网页中添加链接应使用___<code><link></code>________标签。</p> <p>30．为“友情链接”四个字添加链接，并且目标地址为“link.html”，设置目标窗口在父窗口打开的代码是_____________<code><a herf=”./link.html” target=”_self”>友情链接</a></code>_______。</p> <p>31．在网页中添加视频或音频时，可以通过_____src______属性添加视频或音频的路径。</p> </div> </div> </li> <li class="list-group-item ul-li"> <b>相关阅读:</b><br> <nobr> <a href="/Article/Index/884171">leetcode困难之1127. 用户购买平台</a> <br /> <a href="/Article/Index/650639">云原生题目整理（待更新）</a> <br /> <a href="/Article/Index/1194345">OkHttp搞定Http请求</a> <br /> <a href="/Article/Index/1044378">Kerberos (六) --------- Hive Kerberos 认证使用说明</a> <br /> <a href="/Article/Index/1266107">批量上传图片添加水印</a> <br /> <a href="/Article/Index/861744">携职教育：2022年初级会计成绩查询倒计时，这几件事一定要注意</a> <br /> <a href="/Article/Index/1405710">自动化测试工具的定义及作用</a> <br /> <a href="/Article/Index/1476413">界面控件DevExpress WPF流程图组件，完美复制Visio UI！(一)</a> <br /> <a href="/Article/Index/1382113">leetcode 979</a> <br /> <a href="/Article/Index/1284221">SpringBoot打成jar运行后无法读取resources里的文件</a> <br /> </nobr> </li> <li class="list-group-item from-a mb-2"> 原文地址：https://blog.csdn.net/2202_75623950/article/details/134017641 </li> </ul> </div> <div class="col-lg-4 col-sm-12"> <ul class="list-group" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 最新文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/1484446">攻防演习之三天拿下官网站群</a> <br /> <a href="/Article/Index/1515268">数据安全治理学习——前期安全规划和安全管理体系建设</a> <br /> <a href="/Article/Index/1759065">企业安全 | 企业内一次钓鱼演练准备过程</a> <br /> <a href="/Article/Index/1485036">内网渗透测试 | Kerberos协议及其部分攻击手法</a> <br /> <a href="/Article/Index/1877332">0day的产生 | 不懂代码的"代码审计"</a> <br /> <a href="/Article/Index/1887576">安装scrcpy-client模块av模块异常，环境问题解决方案</a> <br /> <a href="/Article/Index/1887578">leetcode hot100【LeetCode 279. 完全平方数】java实现</a> <br /> <a href="/Article/Index/1887512">OpenWrt下安装Mosquitto</a> <br /> <a href="/Article/Index/1887520">AnatoMask论文汇总</a> <br /> <a href="/Article/Index/1887496">【AI日记】24.11.01 LangChain、openai api和github copilot</a> <br /> </nobr> </li> </ul> <ul class="list-group pt-2" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 热门文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/888177">十款代码表白小特效一个比一个浪漫赶紧收藏起来吧！！！</a> <br /> <a href="/Article/Index/797680">奉劝各位学弟学妹们，该打造你的技术影响力了！</a> <br /> <a href="/Article/Index/888183">五年了，我在 CSDN 的两个一百万。</a> <br /> <a href="/Article/Index/888179">Java俄罗斯方块，老程序员花了一个周末，连接中学年代！</a> <br /> <a href="/Article/Index/797730">面试官都震惊，你这网络基础可以啊！</a> <br /> <a href="/Article/Index/797725">你真的会用百度吗？我不信 — 那些不为人知的搜索引擎语法</a> <br /> <a href="/Article/Index/797702">心情不好的时候，用 Python 画棵樱花树送给自己吧</a> <br /> <a href="/Article/Index/797709">通宵一晚做出来的一款类似CS的第一人称射击游戏Demo！原来做游戏也不是很难，连憨憨学妹都学会了！</a> <br /> <a href="/Article/Index/797716">13 万字 C 语言从入门到精通保姆级教程2021 年版</a> <br /> <a href="/Article/Index/888192">10行代码集2000张美女图，Python爬虫120例，再上征途</a> <br /> </nobr> </li> </ul> </div> </div> </div>     <nav class="navbar navbar-inverse navbar-fixed-bottom"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="text-muted center foot-height"> Copyright © 2022 侵权请联系<a href="mailto:2656653265@qq.com">2656653265@qq.com</a> <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2022015340号-1</a> </div> <div style="width:300px;margin:0 auto; padding:0px 5px;"> <a href="/regex.html">正则表达式工具</a> <a href="/cron.html">cron表达式工具</a> <a href="/pwdcreator.html">密码生成工具</a> </div> <div style="width:300px;margin:0 auto; padding:5px 0;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502049817" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> <img src="" style="float:left;" /><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010502049817号</p></a> </div> </div> </div> </div> </nav>   <script src="/js/plugins/jquery/jquery.js"></script> <script src="/js/bootstrap.min.js"></script>   </body> </html>