将文本字体设置为斜体的HTML标记方法是（）。

A、<color>

B、<font>

C、<size>

D、<face>

A. 颜色

B. 黑体

C. 加强

D. 加粗

A、创建打字机风格的字体

B、创建一个引用，通常是斜体

C、加重一个单词

D、设置字体大小

A. 页面字体

B. 文本颜色

C. 编码类型

D. 背景图像

HTML中，可使用标签进行文字样式设置，设置字体用（）属性，设置文字颜色用（）属性。

A、HTML样式只影响应用它的文本和使用所选HTML样式创建的文本

B、CSS样式只可以设置文字字体样式

C、HTML样式可以设置背景样式

D、HTML样式和CSS样式相同，没有区别

程序填空题（每空2分，共30分） 1）（8分）不使用CSS的情况下，实现如下图文混排显示效果。已知图片alpha.jpg位于与html页面同一根目录下的img文件夹内，图片无法正常显示时提示文字“AlphaGO人机围棋大战”，鼠标悬停到图片上方时显示“人机大战”，请将代码补充完整。

<font size="5" color="blue" face="微软雅黑"> 我是微软雅黑5号蓝色文本 </font>

2） （8分）完成CSS代码，实现如下效果：<style type="text/css"> body{ ① ; /*添加背景图像为bg.png,位于IMG文件夹下。此html文件位于HTML文件 夹下。IMG和HTML位于同一根文件夹内。*/ } p{ ② ; /*字体为微软雅黑*/ ③ ; /*字号为18px*/ color:red; } .special{ ④ ; /*添加下划线*/ } </style>

离离原上草，一岁一枯荣。

野火烧不尽，春风吹又生

3）（8分）请阅读下面的代码，根据注释中的要求填写代码。 <style type="text/css"> .box01{ width:300px; height:300px; ① ；/*盒子四个方向的内边距相同，均为10px*/ ② ; /*设置1像素的灰色（#ccc）实线边框*/ ③ ; /* 盒子之间左右间距为10px，上下间距为20px */ } .box02{ width:300px; height:300px; ④ ; /*盒子上内边距为10px，左右内边距为20px，下内边距为30px*/ border-style:solid; } </style>

4）（6分）完成CSS和HTML代码，实现如下效果：CSS部分： <style type="text/css"> .all{ width:265px; height:45px; ① ; /*设置上下外边距为50px，左右居中*/ background-color:#192132; padding-left:20px; border-bottom:3px solid #000; } span{ ② ; /*将span的元素类型更改为行内块元素*/ width:80px; height:45px; border-bottom:3px solid #1ba2c7; } .one{background:url(images/1.png) no-repeat;} .two{background:url(images/2.png) no-repeat;} .three{background:url(images/3.png) no-repeat;} </style> HTML部分：

<span class="one"></span> <span class="two"></span> <span class="three"></span>

A、<title>

B、<meta />

C、<style><br> D、<font><br><p class="answer"></p><br><br>6、关于标题标签，下列说法错误的是：<br> A、共有6个标题标签<br> B、<h1>显示文字最大，<h6>最小<br> C、标题标签会占一段<br> D、标签居中对齐使用align="middle"<br><p class="answer"></p><br><br>7、关于标签p和br说法正确的是：<br> A、多个br标签会产生多行<br> B、标签p和标签br的作用是完全一样的<br> C、只要换行就要用br标签，没有办法自动换行<br> D、标签p是单标签<br><p class="answer"></p><br><br>8、文本样式标签font中用于设置文字字体的属性是：<br> A、family<br> B、fontname<br> C、face<br> D、size<br><p class="answer"></p><br><br>9、在站点文件夹下有一个图片pic.jpg和一个文件夹file，文件夹file下有一个文件food.html，如果要在foot.html中引有pic.jpg图片，正确的表示是：<br> A、<img src="pic.jpg"><br> B、<img src="file/pic.jpg"><br> C、<img src="../pic.jpg"><br> D、<img src="../file/pic.jpg"><br><p class="answer"></p><br><br>10、下列不属于HTML5新增的结构性标签的是：<br> A、body<br> B、header<br> C、footer<br> D、article<br><p class="answer"></p><br><br>11、jpg、gif、png格式的图像中，只有gif格式支持透明<br><p class="answer"></p><br><br>12、<hr>标签用于进行换行<br><p class="answer"></p><br><br>13、标签<strong>和<b>都能产生粗体效果<br><p class="answer"></p><br><br>14、HTML中 表示空格<br><p class="answer"></p><br><br>15、HTML中用于注释的是/*注释语句*/<br><p class="answer"></p><br><br><strong style="font-size:16px;">2. HTML基础 单元作业</strong><br><br>1、制作美食网页，要求有标题，内容介绍与图片等信息<br><p class="answer"></p><br><br><strong style="font-size:16px;">HTML基本 单元作业补交（截止3月8日12：00）</strong><br><br>1、制作美食网页，要求，有标题，有介绍、有图片<br><p class="answer"></p><br><br><strong style="font-size:16px;">3.HTML基础 单元作业-补交（截止到3月8日18点）</strong><br><br>1、制作美食网页<br><p class="answer"></p><br><br><strong style="font-size:16px;">1. 概论</strong><br><br><strong style="font-size:16px;">1-1 Web前端开发概述随堂测验</strong><br><br>1、web系统前端是指系统中用户接触到的部分。<br><p class="answer"></p><br><br>2、web系统后端主要负责完成系统功能，包括数据存取、系统安全等。<br><p class="answer"></p><br><br>3、网页对应着的源文件包含一些代码，而浏览器可以解析这些代码，呈现出来。<br><p class="answer"></p><br><br><strong style="font-size:16px;">1-2 网站与网页随堂测验</strong><br><br>1、以下关于浏览器的描述错误的是：<br> A、主流的浏览器有Chrome,Firefox,IE等。<br> B、不同浏览器厂商的浏览器，一定有不同的内核。<br> C、不同版本的浏览器差别可能很大，对Web技术的支持度也会不同。<br> D、Chrome浏览器可以在进行web前端开发时，用于调试和测试。<br><p class="answer"></p><br><br>2、以下说法错误的是：<br> A、进入网站的第一页称为主页或首页，名称通过为index<br> B、网页中的站标LOGO通常位于右上角<br> C、banner和导航栏是网页中的重要元素<br> D、网站可以看作一个文件夹，网页可以看作文件夹中的文件<br><p class="answer"></p><br><br>3、只有文字可以进行超链接的设置，而图片不可以。<br><p class="answer"></p><br><br>4、网页的导航栏是超链接的集合，可以由此进入不同版块或页面。<br><p class="answer"></p><br><br>5、网站中的网页是逻辑相关的，可以通过超链接的方式被组织在一起。<br><p class="answer"></p><br><br><strong style="font-size:16px;">1-3 Web前端开发技术随堂测验</strong><br><br>1、以下说法错误的是（ ）。<br> A、HTML与CSS配合使用，是为了内容与样式分离。<br> B、如果只使用HTML而不使用CSS，网页是不可能有样式的。<br> C、JavaScript可以嵌入在HTML语言中，作为网页源文件的一部分存在。<br> D、CSS表示层叠样式表，可以添加页面的样式，规定网页的布局。<br><p class="answer"></p><br><br>2、下列说法正确的是（ ）。<br> A、内容是页面传达信息的基础<br> B、表现使得内容的传达变得更加明晰和方便<br> C、行为就是对内容的交互及操作效果<br> D、内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等<br><p class="answer"></p><br><br>3、HTML是超文本标记语言，是制作网页的标准语言。<br><p class="answer"></p><br><br>4、CSS负责网页的结构，JavaScript负责网页的行为，也就是跟用户的一些交互。<br><p class="answer"></p><br><br>5、w3c组织制定关于web技术的一些标准，例如HTML、CSS、JS等。<br><p class="answer"></p><br><br><strong style="font-size:16px;">1. 概论 单元测试</strong><br><br>1、关于网址，以下写法正确的是：<br> A、www.buu.edu.cn<br> B、buu.edu.cn<br> C、https://www.buu.edu.cn<br> D、buu<br><p class="answer"></p><br><br>2、以下哪个概念或者哪种功能属于“前端”：<br> A、web系统中以网页等形式为用户提供的部分，用户能接触到的部分<br> B、web系统中负责数据存取的部分<br> C、web系统中负责平台稳定性与性能的部分<br> D、web系统中负责完成相应的功能、处理业务的部分<br><p class="answer"></p><br><br>3、以下关于网页源文件的叙述不正确的是：<br> A、网页源文件是一些代码<br> B、网页源文件客户端是看不到的<br> C、网页源文件可以在记事本里打开<br> D、网页源文件是纯文本文件<br><p class="answer"></p><br><br>4、以下关于web前端开发技术标准叙述不正确的是：<br> A、技术标准主要包括HTML、CSS、JS等部分技术的一些规定<br> B、技术标准全部是由W3C组织提供的<br> C、这些技术标准是在做web前端开发的时候需要遵守的<br> D、技术标准的应用是一个逐步的过程<br><p class="answer"></p><br><br>5、以下不是网页的页面元素的是：<br> A、超链接<br> B、多媒体<br> C、文字与图片<br> D、网页源文件<br><p class="answer"></p><br><br>6、关于网页的设计规范，错误的是：<br> A、网页设计要以用户为中心<br> B、网页中运用的色彩主要包括主题色、辅助色和点睛色<br> C、网站的首页一般命名为index或default<br> D、网页的颜色可以根据自己的喜好随意设计<br><p class="answer"></p><br><br>7、以下说法中，错误的是：<br> A、网页的本质就是HTML等源代码文件<br> B、网页就是主页<br> C、使用“记事本”编辑网页时，可将其保存为 .htm 或 .html 后缀<br> D、网站通常就是一个完整的文件夹<br><p class="answer"></p><br><br>8、下列关于HTML语言描述不正确的是：<br> A、HTML语言中可以嵌入如CSS、JavaScript等语言<br> B、HTML是指超文本链接语言，用超链接将网页组织在一起<br> C、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的<br> D、HTML文档的扩展名是html或htm<br><p class="answer"></p><br><br>9、静态网页是指页面内容是静止的，而动态网页是指页面内容具有动态效果。<br><p class="answer"></p><br><br>10、Web前端开发技术中HTML是用来完成网页结构的，CSS是用来设置样式的。<br><p class="answer"></p><br><br><strong style="font-size:16px;">第一单元作业</strong><br><br>1、1、分别说明HTML、CSS、JavaScript在网页制作中的作用；<br><p class="answer"></p><br><br>2、2、简述网站设计流程；<br><p class="answer"></p><br><br><strong style="font-size:16px;">3. CSS样式</strong><br><br><strong style="font-size:16px;">3-1 CSS概述随堂测验</strong><br><br>1、CSS是（ ）的缩写。<br> A、Colorful Style Sheets<br> B、Computer Style Sheets<br> C、Cascading Style Sheets<br> D、Creative Style Sheets<br><p class="answer"></p><br><br>2、下列（ ）是定义样式表的正确格式。<br> A、{body:color=black(body}<br> B、body:color=black<br> C、body {color: black}<br> D、{body;color:black}<br><p class="answer"></p><br><br>3、下列（ ）是定义样式表中的注释语句。<br> A、/* 注释语句 */<br> B、// 注释语句<br> C、<!--注释语句--><br> D、' 注释语句<br><p class="answer"></p><br><br>4、关于 CSS 基本语法说法正确的是（ ）。<br> A、属性必须要包含在{}号之中<br> B、属性和属性值之间用等号链接<br> C、当有多个属性设置时，用“；”进行区分<br> D、每一个属性与属性值的健值对可以单独放在一行上，方便查看<br><p class="answer"></p><br><br>5、CSS样式的选择器可以是标签的名字。<br><p class="answer"></p><br><br>6、有了CSS样式，就可以做到使内容与样式分离，便于分别修改。<br><p class="answer"></p><br><br><strong style="font-size:16px;">3-2 CSS添加方法随堂测验</strong><br><br>1、表示内嵌样式的元素是（ ）。<br> A、<style><br> B、<css><br> C、<script><br> D、<link><br><p class="answer"></p><br><br>2、如果要在不同的网页中应用相同的样式表定义，应该（ ）。<br> A、直接在HTML的元素中定义样式表<br> B、在HTML的<head>标记中定义样式表<br> C、通过一个外部样式表文件定义样式表<br> D、以上都可以<br><p class="answer"></p><br><br>3、引用外部样式表的格式是（ ）。<br> A、<style src="mystyle.css"><br> B、<link rel="stylesheet" type="text/css" href="mystyle.css"><br> C、<stylesheet>mystyle.css</stylesheet><br> D、<a href="style.css"></a><br><p class="answer"></p><br><br>4、引用外部样式表的元素应该放在 （ ）。<br> A、HTML文档的开始的位置<br> B、HTML文档的结束的位置<br> C、在head元素中<br> D、在body元素中<br><p class="answer"></p><br><br>5、外部样式表文件可以由以下哪个标签导入 （ ）。<br> A、link<br> B、import<br> C、input<br> D、style<br><p class="answer"></p><br><br>6、CSS样式添加的方式有三种，分别是行内样式、内嵌样式、外部样式表链接样式。<br><p class="answer"></p><br><br>7、CSS行内样式添加的时候，采用的是style标签进行添加。<br><p class="answer"></p><br><br>8、CSS行内样式只对当前元素起作用。<br><p class="answer"></p><br><br><strong style="font-size:16px;">3-3 CSS选择器随堂测验</strong><br><br>1、样式表定义 #title {color:red} 表示（ ）。<br> A、网页中的标题是红色的<br> B、网页中某一个id为title的元素中的内容是红色的<br> C、网页中元素名为title的内容是红色的<br> D、以上任意一个都可以<br><p class="answer"></p><br><br>2、样式表定义 .outer {background-color:red} 表示（ ）。<br> A、网页中某一个id为outer的元素的背景色是红色的<br> B、网页中含有class=”outer” 元素的背景色是红色的<br> C、网页中元素名为outer元素的背景色是红色的<br> D、以上任意一个都可以<br><p class="answer"></p><br><br>3、CSS 中的选择器不包括（ ）。<br> A、超文本标记选择器<br> B、标签选择器<br> C、ID 选择器<br> D、类选择器<br><p class="answer"></p><br><br>4、下列哪种方式是用类选择器定义样式的（ ）。<br> A、p{color:red;}<br> B、.one{color:red;}<br> C、#two{color:red;}<br> D、p,h1{color:red;}<br><p class="answer"></p><br><br>5、以下关于class和id的说法错误的是（ ）。<br> A、class的定义方法是：.类名{样式}；<br> B、id的应用方法：<指定标签 id=”id名”><br> C、class的应用方法：<指定标签 class=“类名”><br> D、id和class只是在写法上有区别，在应用和意义上没有区别<br><p class="answer"></p><br><br>6、下面选项中是合法的类样式的是（ ）。<br> A、.word<br> B、#word<br> C、word<br> D、$word<br><p class="answer"></p><br><br><strong style="font-size:16px;">3-4 CSS样式(I) 文字样式随堂测验</strong><br><br>1、下列选项中不属于CSS 文本属性的是（ ）。<br> A、font-size<br> B、text-align<br> C、line-height<br> D、text-decoration<br><p class="answer"></p><br><br>2、下列（ ）表示p元素中的字体是粗体。<br> A、p {text-size:bold}<br> B、p {font-weight:bold}<br> C、<p style="text-size:bold"><br> D、<p style="font-size:bold"><br><p class="answer"></p><br><br>3、下列哪个css属性可以更改字体大小（ ）。<br> A、text-size<br> B、font-size<br> C、text-style<br> D、font-style<br><p class="answer"></p><br><br>4、下列哪个css属性能够更改文本字体（ ）。<br> A、text<br> B、line-height<br> C、font-family<br> D、text-decoration<br><p class="answer"></p><br><br>5、下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是（ ）。<br> A、p {font-family:20px; font-size:宋体; font-weight:800; color: red; font-style:italic; }<br> B、p {font-family:宋体;font-size:20px;font-weight:800;color:red; font-style:italic; }<br> C、p {font-family:宋体; font-size:20px; font-weight:800; color:red; font-decoration:italic; }<br> D、p{font-family:800; font-size:20px; font-weight:red; color:italic; font-style:宋体;}<br><p class="answer"></p><br><br>6、下面代码使用HTML元素的id属性，将样式应用于该段落： <p id="firstp">这是第一个段落</p> 以下关于样式规则定义最准确的是（ ）。<br> A、<style type="text/css"> p{color:red} </style>

B、<style type="text/css"> #firstp {color:red} </style>

C、<style type="text/css"> p#firstp {color:red} </style>

D、<style type="text/css"> p.firstp {color:red} </style>