项目6 制作新闻系统模板解析.pptxVIP

PHP基础案例与项目开发（微课版）;

项目6

制作新闻系统模板解析;项目导入;图6-1新闻系统界面设计;【项目分析】;【知识目标】;【能力目标】;【素质目标】;6.1HTML简介;HTML网页是由元素和标签构成的。

元素是符合文档类型定义（DocumentTypeDefinition，DTD）的文档组成部分，元素指的是从开始标签到结束标签的所有代码，如title（文档标题）、img（图像）、table（表格）等，元素名不区分大小写。

;HTML用标签来规定元素的属性和它在文档中的位置。标签分为单独出现的标签和成对出现的标签（以下简称成对标签）两种。大多数的标签是成对出现的，由开始标签和结束标签组成。开始标签的格式为元素名，结束标签的格式为/元素名。成对标签用于规定元素所含的范围。

1．html标签

html标签是文档标识符，它是成对出现的，开始标签html和结束标签/html分别位于文档的最前面和最后面，明确地表示文档是以HTML编写的。该标签不带有任何属性。

;2．head标签

一般把HTML文档分为文档头部和文档主题两个部分。文档主题部分就是在浏览器用户区看到的内容。而文档头部用来规定该文档的标题（出现在浏览器窗口的标题栏中）和文档的一些属性。

HTML文档的标签是可以嵌套的，即在一对标签中可以嵌套另一对子标签，用来规定母标签所含范围的属性和其中某一部分内容。嵌套在head标签中使用的子标签主要有title、meta、link和style。;（1）title标签是成对出现的，用来规定HTML文档的标题。

（2）meta标签可提供有关页面的元信息，其属性定义了与文档相关联的名称/值对，如其charset属性可定义文档的字符集：metacharset=utf-8。

（3）link标签：定义两个连接文档之间的关系，只能存在于head部分，不过它可出现任意次数。

;（4）style标签：定义HTML文档的样式信息，规定HTML元素如何在浏览器中呈现。它有3个重要的属性：

属性type，其值为“text/css”，定义内容类型；

属性media，其值为screen、tty、tv、projection、handheld、print、braille、aural、all，表示样式信息的目标媒介；

属性scoped，其值为“scoped”，是HTML5的新属性，表示所规定的样式只能应用到style元素的父元素及其子元素。;3．body标签

body标签是成对标签。在body/body之间的内容将显示在浏览器窗口的用户区内，它是HTML文档的主体部分。

在body标签中可以规定整个文档的一些基本属性，如表6-1所示。;属性;4．文档类型标签!DOCTYPE

!DOCTYPE声明必须位于HTML文档的第一行，也就是位于html标签之前。该标签告知浏览器文档所使用的HTML规范。在HTML文档中规定!DOCTYPE是非常重要的，这样浏览器就能了解预期的文档类型。

;5．注释标签!--...--

注释标签!--...--用于在源代码中插入注释。注释不会显示在浏览器中。

6．布局标签

HTML页面主要用表6-2所示的标签来进行布局。;标签;7．文章标签

常用的文章标签如表6-3所示。;8．列表标签

在HTML页面中，列表主要分为两种类型，一种是有序列表，另一种是无序列表。前者用数字或字母来标记项目的顺序，后者则使用符号来记录项目的顺序。常用的列表标签如下。

（1）ul

定义无序列表。可使用CSS来定义列表的类型。

;（2）ol

定义有序列表。有序列表可以是数字或字母顺序。可使用li标签来定义列表项，使用CSS来设置列表的样式。其属性“start”规定有序列表的起始值；属性“reversed”规定列表顺序为降序；属性“type”的值有“1”“A”“a”“I”“i”，规定在列表中使用的标记类型。

（3）li

定义列表项，有序列表和无序列表中都使用li标签。;9．图像标签

图像标签用于定义图像，注意加上“alt”属性。

10．超链接标签

超链接标签用于定义超链接，用于从一个页面链接到另一个页面。它最重要的属性是“href”，该属性指定链接的目标。;属性“target”，其值有“_blank”“_parent”“_self”“_top”，表示在何处打开目标URL，它仅在“href”属性存在时使用。

在所有浏览