下载文档原格式
网页设计考试题+参考答案一、单选题（共30题，每题1分，共30分）1.当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。
A、<'li><'/li>B、<'dd><'/dd>C、<'dl><'/dl>D、<'dt><'/dt>正确答案：B2.下列选项中，表示网页主体的标记是（）。
A、bodyB、headC、htmlD、h1正确答案：A3.下列标记中，用于定义HTML文档所要显示内容的是（）。
A、<'html><'/html>B、<'body><'/body>C、<'head><'/head>D、<'title><'/title>正确答案：B4.对于网页制作者来说web的含义是什么？（）A、可以简单理解为网页B、传输协议C、超媒体D、万维网的缩写正确答案：A5.<'div>标记是网页布局中最常用的标记，其显示类型为（）。
A、行内块类型B、块级类型C、行内类型D、浮动类型正确答案：B6.下面标记中，表示换行的标记是（）。
A、<'h1>B、<'enter>C、<'hr />D、<'br />正确答案：D7.如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是（）。
A、20像素B、30像素C、10像素D、50像素正确答案：B8.下列选项中，不是<'img />标记属性的是（）。
A、srcB、widthC、altD、href正确答案：D9.text-transform属性用于控制英文字符的大小写。
HTML5的标记在HTML5的页⾯中，带有“<>”符号的元素被称为HTML标记，如上⾯提到的<html><body>都是HTML标记。
所谓标记就是放在“<>”标记符中表⽰某个功能的编码命令，也称标签或 HTML元素，本书统⼀称作HTML标记。
1.双标记和单标记为了⽅便学习和理解，通常将 HTML 标记分为两⼤类，分别是“双标记”与“单标记的具体介绍如下。
(1)双标记双标记是指由开始和结束 2个标记符组成的标记。
其基本语法格式为：<标记名>内容</标记名>该语法中“<标记名>”表⽰该标记的作⽤开始，⼀般称为“开始标记”；“</标记名>”表记的作⽤结束，⼀般称为“结束标记”。
和开始标记相⽐，结束标记只是在前⾯加了⼀个关闭例如：<h2>传智播客⽹页平⾯设计免费公开课</h2>其中<n2>表⽰⼀个标题标记的开始，⽽<In2>表⽰⼀个标题标记的结束，在它们之间是标题内容。
(2)单标记单标记也称空标记，是指⽤⼀个标记符号即可完整地描述某个功能的标记。
其基本语法格<标记名/>例如：<hr />其中<hr/>为单标记，⽤于定义⼀条⽔平线。
下⾯通过⼀个案例进⼀步演⽰HTML5中双标记与单标记的使⽤，如以下代码所⽰。
<!doctype html><html><head><meta charset="utf-8"><title>传智博客云课堂</title></head><body><h2>传智博客云课堂上线了</h2><p>更新时间：2022年03⽉20⽇11时22分来源：传智播客</p><hr/><p>传智云课堂是传智博客在线教育平台，可以实现晚上在家学习，在线直播教学、实时互动辅导等多种功能，专注于⽹页、平⾯、UI设计以及Web前端的培训。
HTML（5）常⽤的格式标签⼀、基本⽂字格式1.标题<h></h> HTML定义<h1></h1>到<h6></h6>六个<h>标签，分别⽤来不同⼤⼩字体的标题（Heading）。
字体由⼤到⼩，<h1>最⼤，<h6>则最⼩。
Heading标签需要注意的是：a.浏览器会⾃动地在标题的前后添加空⾏。
因为Heading标签属于块级元素，⽽在默认情况下，HTML 会⾃动地在块级元素前后添加⼀个额外的空⾏（<br/>）。
b.标题对整个页⾯来说很重要,应该将HTML heading 标签只⽤于标题，⽽不要仅仅是为了产⽣粗体或⼤号的⽂本⽽使⽤标题。
因为Heading标签对SEO是很友好的，搜索引擎使⽤标题为您的⽹页的结构和内容编制索引，⽽且⽤户则以通过标题来快速浏览您的⽹页，所以⽤标题来呈现⽂档结构是很重要的。
应该将 <h1> ⽤作主标题（最重要的），其后是 <h2>（次重要的），再其次是 <h3>，以此类推。
1<!--<h>标签是设置标题的，把重要的信息放在<h1>⾥⾯，搜索引擎会优先搜索-->2<h1>3中国⼀</h1>4<h2>5中国⼆</h2>6<h3>7中国三</h3>8<h4>9中国四</h4>10<h5>11中国五</h5>12<h6>13中国六</h6> 效果如下图，字体⼤⼩由⼤到⼩：2.换⾏<br/>、不换⾏<nobr></nobr>和分段<p></p> 关于HTML中的换⾏标签<br/>和分段标签<p></p>的区别是，换⾏标签<br/>只是回车，<p></p>则是分段。
html5标记文字文本层面的元素（简称文本元素），把这些元素加入文本当中，也就引入了结构和含义。
HTML5规范明确指出：使用元素应该完全从元素的语义出发。
但这类元素中有些元素的含义非常明确，有些则比较含糊。
在元素的使用上最好做到“将呈现工作交给CSS打理”，但这并不是绝对的，有时候只要保持HTML文档中的一致性就好。
生成超链接a元素用于生成超链接，a元素有6个局部属性：1）href：指定a元素所指资源的URL；2）hreflang：说明所链接资源使用的语言；3）media：说明说链接资源用于哪种设备，同style元素的media属性；4）rel：说明文档与所链接资源的关系类型，同link元素的rel属性；5）target：指定用于打开所链接资源的浏览环境；6）type：说明所链接资源的MIME类型（比如text/html）。
生成指向外部的超链接URL中用得最多的协议就是http，但浏览器也支持其它协议，例如：https和ftp。
如果想引用一个电子邮箱地址，可以使用mailto协议，如：mailto:adam@。
使用相对URL默认情况下，浏览器会假定目标资源与当前文档位于同一位置，不过可以通过base元素提供一个基础URL加以改变。
生成内部超链接该方式用于将统一文档中的另一个元素移入视野，需要是使用ID选择表达式：#<id>。
用户点击链接，文档就会滚动到能看到id为fruits的元素的位置。
设置浏览环境target属性用于告诉浏览器希望将所链接的资源显示在哪里。
默认情况下，浏览器使用当前文档的窗口、标签页或窗框，所以新文档会取代现在显示的文档，但你可以设置其它值：1）_blank：在新窗口或标签页中打开文档；2）_parent：在父窗框（frameset）中打开文档；3）_self：在当前窗口中打开文档（默认）；4）_top：在顶层窗口打开文档；5）<frame>：在指定窗框中打开文档，这里的<frame>是表示窗口的名称。
HTML标记总结<html> //文件开始标记<head> //文件的头部开始标记<title> HTML总体结构</title>//头部</head> //头部结束标记<body> //文件的主体开始标记hello!</body> //主体结束标记</html>//文件结束标记编写时的注意事项（1）元素的标记都要用尖括号< >括起来，成对使用的标记的结束标记是在开始标记之前加一反斜杠，如<html>与</html>。
（2）代码不分大小写，如<boDY>与<BODy>都是正确的，但是所有符号如< > 、“”都必须是英文输入法。
（3）标记<!--……-->表示其中的内容是注释语句，在浏览器中不会显示出来。
4、页面的头部标记和主体标记（1）页面的头部标记<head>HTML文档的头部内容</head>一般来说位于头部的内容都不会在网页上显示，而是通过别的方式体现。
常用的头部标记有以下几个：<base>当前文档的URL全称（基底网址）<basefont> 设定基准的文字字体，字号和颜色<title> 设定显示在浏览器左上方的标题内容<isindex> 表示该文档是一个可用于检索的网关脚本，由服务器自动建立。
<meta> 是有关文档本身的元信息，如用于查询的关键词，用于获取该文档的有效期等。
<style>设定CSS层叠样式表的内容<link> 设定外部文件的链接<script>设定页面中程序脚本的内容（1）<title>标题标记<title>W eb页面的标题</title>在HTML 里<title>和</title>是位于html文档头部的，即<head>和</head>之间。
HTML5文本1.1.1 标题和正文标题是网页信息的提纲。
标题分为6级，分别使用<h1><h2><h3><h4><h5><h6>标签进行标识，按照语义的轻重分别为h1到h6, 它们包含的重要性递减。
h1表示最重要的信息，h6表示最次要的信息。
示例:<h1>书籍</h1><h2>科技</h2><h3>《计算机应用》</h3><h2>人文</h2><h3>《明朝那些事儿》</h3>h1,h2,h3比较常用，一般文档的层级在三级左右。
不要使用h1-h6标记副标题，副标题一般应该使用段落或其它标题元素。
1.1.2段落网页正文主要通过段落文本来表现。
使用<p>标签定义段落文本。
默认情况下，段落文本前后合计显示约一个字距的间距。
1.2 描述性信息HTML5提供了两个强调内容的语义标签。
strong表示重要，em表示着重，语气弱于strong。
示例: <p><strong>请不要大声喧哗</strong>特别是在<em>图书馆</em></p>strong文本以粗体显示，em文本以斜体显示。
1.2.2 注解small元素表示注解，形式类似于细则，旁注，适用于标记行内文本，不适用段落文本等大块文本。
<dt>单人间</dt><dd>599</dd><small>含早餐</small><dd>299</dd><small>不含早餐</small>1.2.3 备选b: 表示出于实用目的提醒注意的文字，不传达额外的重要性，用于关键词，产品名等。
html常用标记以及用法一、什么是HTMLHTML（HyperText Markup Language）即超文本标记语言，是一种用于创建网页的标准标记语言。
它通过标记来描述网页中的内容，包括文本、图像、超链接等，并且通过标签来对这些元素进行包裹和定义。
二、HTML常用标记1. 标题标记（h1-h6）标题标记用于定义页面中的标题级别，根据重要性和层次性，从h1到h6共有六个级别，其中h1是最高级别，h6是最低级别。
示例如下：<h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3>...<h6>这是六级标题</h6>2. 段落标记（p）段落标记用于定义页面中的段落，也是最常用的标记之一。
将需要包裹的文本放在<p>和</p>标签之间即可。
示例如下：<p>这是一个段落。
</p>3. 文本格式标记（strong、em、u、s）文本格式标记用于对文本进行格式化，如加粗、倾斜、下划线、删除线等。
示例如下：<strong>这个文本会被加粗显示</strong><em>这个文本会被倾斜显示</em><u>这个文本会被添加下划线</u><s>这个文本会被添加删除线</s>4. 超链接标记（a）超链接标记用于创建超链接，使用户能够点击链接跳转到其他页面或位置。
通过href属性指定链接的目标。
示例如下：<a href="">这是一个超链接</a>5. 图像标记（img）图像标记用于在网页中插入图片。
通过src属性指定图片的路径。
示例如下：<img src="image.jpg" alt="图片描述">6. 列表标记（ul、ol、li）列表标记用于创建无序列表和有序列表。
HTML常⽤标记（完整版）前端：1.HTML2.CSS3.JavaScript（JS）动态URL：统⼀资源定位符HTML常⽤标记：1.⽂档结构标记（1）⽂档标记：<HTML>…</HTML>（2）头部标记：<HEAD>…</HEAD>（3）标题标记：<TITLE>…</TITLE>（4）主体标记：<BODY>…</BODY>2.格式标记（1）段落标记：<p>…</p>（2）换⾏标记：<br>（3）两边缩进标记：<blockquote>…</blockquote>（4）项⽬列表标记：<dl></dl>、<dt>、<dd>（5）有/⽆序号列表标记：<ol></ol>、<ul></ul>、<li>（6）区隔标记：<div></div>3.⽂本标记（1）标题标记：<hn></hn> (n的范围为1~6)（2）字体标记：<b></b>、<i></i>、<u></u>（3）斜体和加重标记：<em></em>、<strong></strong>（4）字型标记：<font></font>4. 链接标记（1）<a href="⽬标地址">…</a>（2）锚点链接：<a name="标签名"></a>5.图像标记和多媒体标记（1）图像标记：<img src="图像⽂件存储位置与名称">（2）多媒体标记：①设置⾳乐和影像⽂件的超链接。
html5文档的基本格式（原创实用版）目录1.HTML5 简介2.HTML5 文档的基本结构3.文档类型声明4.文档结构5.内容与表现分离正文HTML5 简介HTML5 是一种用于构建网页和网站应用的标准标记语言。
它是 HTML4 的升级版，具有更简洁的语法、更强大的功能和更好的用户体验。
HTML5 的设计目的是使网页内容更加易于理解和访问，同时提供更好的平台兼容性和性能。
HTML5 文档的基本结构一个 HTML5 文档的基本结构包括以下几个部分：1.文档类型声明：在 HTML5 文档的开头，需要声明文档类型为“text/html”，并且必须使用字符编码“UTF-8”。
2.文档结构：HTML5 文档的结构包括根元素、头部和主体三部分。
文档类型声明在 HTML5 文档中，文档类型声明位于`<!DOCTYPE html>`标签内，它告诉浏览器这个文档是用 HTML5 编写的。
文档类型声明的完整语法如下：```html<!DOCTYPE html>```文档结构HTML5 文档的结构分为根元素、头部和主体三部分：1.根元素：HTML5 文档的根元素是`<html>`标签，它包含了整个文档的结构和内容。
2.头部：头部由`<head>`标签包含，主要包含元数据（metadata）和资源（resources）。
元数据用于描述文档的属性，如字符编码、标题、关键词等。
资源则包括样式表、脚本等。
3.主体：主体由`<body>`标签包含，包含了文档的主要内容，如文本、图片、链接、列表等。
内容与表现分离HTML5 提倡内容与表现分离，这意味着 HTML 文档应该专注于描述内容，而样式和布局应该交给 CSS 来处理。
这样可以提高代码的可读性、可维护性和可复用性。
为了实现内容与表现分离，HTML5 引入了`<style>`标签，用于定义文档的样式。
同时，也可以通过外部样式表（external stylesheets）或内部样式表（inline styles）来定义样式。
