Web前端开发案例教程（HTML5+CSS3）课件 任务2搭建简单学院网站.pptxVIP

;;2.1任务描述;图2-3学院新闻页面;2.2知识准备;2.2.1HTML5文档的基本结构;2.2.1HTML5文档的基本结构;2.2.1HTML5文档的基本结构;文档类型声明，位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准规范。HTML5文档中的文档类型声明代码如下。;html标记标志着HTML文档的开始，/html标记标志着HTML文档的结束。在它们之间的是文档的头部和主体内容。;head标记用于定义HTML文档的头部信息，也称为头部标记。head标记紧接在html标记之后，主要用来封装其他位于文档头部的标记，例如，title、meta、link和style等用来描述文档的标题、作者以及样式等。

一个HTML文档只能含有一对head标记。;body标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于body标记内。

一个HTML文档只能含有一对body标记，且body标记必须在html标记内，位于head标记之后，与head标记有并列关系。;html标记、head标记和body标记都是HTML文档中的基本标记，除了这些标记之外，HTML5还提供了大量其他标记，下面对标记及标记中的属性进行简要说明。;标记;标记的属性;标记的属性;标记的嵌套;注释标记;标题标记;标题标记;段落标记;段落标记;水平线标记;水平线标记;换行标记;换行标记;字体样式标记;字体样式标记;特殊字符;无序列表;无序列表;有序列表;有序列表;列表嵌套;列表嵌套;自定义列表;自定义列表;自定义列表;自定义列表;超链接一般有以下几种形式;2.2.5HTML超链接标记;2.2.5HTML超链接标记;2.2.5HTML超链接标记;页面间的超链接;锚点链接;锚点链接;空链接;常用的Web图像格式;常用的Web图像格式;常用的Web图像格式;图像标记;图像标记;给图像创建超链接;给图像创建超链接;2.3任务实现;2.3.1创建项目;2.3.1创建项目;2.3.2创建网站首页;页面分析;创建首页;页面分析;创建学院简介页面;页面分析;创建学院新闻页面;页面分析;创建新闻详情页面;任务小结;任务小结