Web前端开发案例教程 HTML5+CSS3.pptxVIP

;;网页的认识与开发环境的搭建;1.1.1网页与网站;1.1.2浏览器与浏览内核引擎;1.1.2边框属性;1.1.3.常见网页名词解释;1.1.3.常见网页名词解释;1.1.3.常见网页名词解释;网页的认识与开发环境的搭建;1.2网页文件及开发工具介绍;1.2网页文件及开发工具介绍;1.2网页文件及开发工具介绍;1.2网页文件及开发工具介绍;网页的认识与开发环境的搭建;1．HBuilderX的下载与安装;;;;;;;2．HBuilder新建工程项目;;2．HBuilder新建工程项目;创建网站首页;;;;;;;2.4文件声明;;2.5头部声明;;创建网站首页;;;;任务实施;新闻详情页设计;3.1文字与段落标签;;;3.1文字与段落标签;;;3.1文字与段落标签;;HTML常用字符实体如表1-3所示。;3.2图像标签;3.2图像标签;相对路径是指相对于源文件的目标文件位置。img标签的图像引用中通常使用相对路径。我们可以参考表1-5所示的方法使用相对路径。;3.3超链接;3.3.1href属性;3.3.2target属性;3.3.3title属性;3.3.4锚链接;;;;新闻详情页设计;;;;;;;3.3超链接;;新闻列表页设计;;4.1有序列表;4.1有序列表;;4.1有序列表;4.2无序列表;;4.2无序列表;;4.3自定义列表;;新闻列表页设计;;IP地址（InternetProtocolAddress）用于确定互联网上的每台主机，它是每台主机唯一的标识。在互联网上，每台计算机或网络设备的IP地址都是全世界唯一的。

IP地址的格式是xxx.xxx.xxx.xxx，其中xxx是0～255的任意整数。例如，某台主机的IP地址是32。

;知识点;1.2.1认识Web前端开发;（1）（）是HTML中的注释格式。

A．//html注释的内容 B．!--html注释的内容--

C．/*html注释的内容*/ D．#html注释的内容

（2）以下关于文本修饰标签的描述中错误的是（）。

A．加粗字体：b/b、strong/strong

B．下画线：ins/ins

C．字体倾斜：i/i、em/em，其中i/i标签能够强调内容，对搜索引擎更友好

D．删除线：del/del

;（3）以下关于列表的描述中正确是（）。

A．自定义列表通过dl标签定义，使用dd标签定义标题，使用dt标签定义内容

B．无??列表可通过type属性设置项目符号类型

C．有序列表可通过type属性规定有序列表的起始值

D．ol是无序列表，ul是有序列表

;（1）关于meta标签的作用有哪些？（）。

A．定义对页面的描述

B．规定HTML文件的字符编码

C．该标签位于head元素中

D．该标签可以用于HTML文件版本声明

（2）关于网站的结构，以下说法中正确的是（）。

A．title标签主要用于定义网页的标题

B．head标签中的元素可以引用脚本、指引浏览器在哪里找到样式表、提供元信息等

C．html标签用于告知浏览器自身是一个HTML文件

D．body标签用于定义文件的主体

;（3）在index.html中引用上一级目录中的picture.jpg图片，以下引用方式中错误的是（）。

A．imgsrc=picture.jpgalt=flower

B．imgsrc=../picture.jpgalt=flower

C．imgsrc=./picture.jpgalt=flower

D．imgsrc=/picture.jpgalt=flower

;（1）单击以下文字链接之后，将会在新窗口中打开百度首页。 （）

ahref=target=_blank跳转百度/a

（2）定义锚点时，可使用name属性或id属性定义锚点名。 （）

（3）h1～h6标签可用于定义标题。h6标签用于定义最大的标题，h1标签用于定义最小的标题。

;;;网页的“巨巨网络科技有限公司年度业绩报表”页面设计;;1.1表格的基础知识;;1.1表格的基础知识;;1.1.3复杂结构的表格;;1.1.3复杂结构的表格;1.1.3复杂结构的表格;;1.1.3复杂结构的表格;1.2表格的属性;1.2.1table标签的常见属性;1.2.1table标签的常见属性;1.2表格的属性;;1.2.2tr标签的常见属性;1.2表格的属性;;1.2.3td和th标签的常见属性;1.3表格跨行列操作与嵌套;;1.3.1表格跨列操作;1.3表格跨行列操作与嵌套;;1.3.2表格跨行操作;1.