新编大学计算基础教程-贾宗福第11章.ppt

11.5 网页制作 11.5.2 HTML语言初步 1．一个简单的HTML实例 HTML标记是由尖括号包围的关键词，例如本实例中的标记body。 !DOCTYPE声明不是HTML标签，它是指示WEB浏览器关于页面使用哪个HTML版本进行编写的。!DOCTYPE声明必须位于HTML文档的第一行，html标签之前。 标签html告知浏览器其自身是一个HTML文档。 html与/html限定文档的开始和结束，之间是文档的头部和主体。 head标签用于定义文档的头部，它是所有头部元素的容器。head标记中可包含脚本和样式表等信息。 body元素定义文档的主体，包含文档的所有内容（比如文本、超链接、图像、表格和列表等）。 11.5 网页制作 11.5.2 HTML语言初步 2．常用标签 HTML标签分为两种，分别是形式为标签名的单标签和形式为标签名内容/标签名的双标签。 HTML文档分文档头和文档体两部分。 11.5 网页制作 11.5.2 HTML语言初步 2．常用标签 （1）html标签 html…/html在文档的最外层，文档中的所有文本和HTML标签都包含在其中，它表示该文档是以HTML编写的。 （2）head标签 head…/head是HTML文档的头部标签，在浏览器窗口中，头部信息是不被显示在正文中的，在此标签中可以插入其它标记，用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记，建议不要省略此标记。 11.5 网页制作 11.5.2 HTML语言初步 2．常用标签 （3）title标签 title…/title是嵌套在head头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 （4）body标签 body…/body标记一般不省略，标签间的文本是正文，是浏览器要显示的页面内容。 上面的这几对标签在文档中都是唯一的，head标签和body标签是嵌套在HTML标签中的。 11.5 网页制作 11.5.2 HTML语言初步 2．常用标签 （5）标题标签 h1h2h3h4h5h6标签可定义六种不同的标题。h1定义最大号标题，h2定义次大号标题，以此类推，h6定义最小号标题。 （6）p标签 p标签是用来定义段落的。p标签表示开始一个新的文本段落，段落与段落之间会空出一行距离。 11.5 网页制作 11.5.2 HTML语言初步 2．常用标签 （7）a标签 a标签是用来定义链接的，其最重要的属性是href属性，它指示链接的目标。一般用法如下： a href=URL文本或图像/a，表示跳到另一个文档的链接，URL是链接所指向的地址，文本或图像是链接显示载体。 a href=#a-name文本或图像/a，表示跳到本页面的一个书签a name=’a-name’处，a-name是书签的名字。 a href=URL#name文本或图像/a，表示跳转到另一个文档的一个书签处。若想让超链接窗口在一个新的浏览器窗口打开，可以书写为a href=URL target=_blank文本或图像/a。例如，a href= target=_blank百度/a。 11.5 网页制作 11.5.2 HTML语言初步 2．常用标签 （8）img标签 图像是用img标签来定义的。用img这个标签可以在HTML里面插入图片。基本用法为img src=“URL”，URL表示图片的路径和文件名。 （9）注释标签 可以在HTML代码里添加注释，以增强代码的可读性与可理解性。浏览器在呈现内容时会忽略注释。注释的写法为!-- 浏览器不显示注释内容 --。 （10）换行标签 br /标签可以实现换行，同时又不引入新的段落。 11.5 网页制作 11.5.2 HTML语言初步 2．常用标签 （11）表格标签 HTML表格用table标签来定义。 一个表格（table）首先通过tr标签被划分为若干行，然后每一行通过td标签又被划分为若干个数据单元格。 “th”代表表头单元格。 “td”代表标准单元格。单元格里可以容纳文本、图像、列表、段落、表单、水平线和表格等。 11.5 网页制作 11.5.2 HTML语言初步 2．常用标签 （12）列表标签 HTML包含有序列表(Ordered List)、无序列表(Unordered List)和自定义列表(Definition List) 三种列表形式。 ? 有序列表：由一组项目构成，其中每个项目由项目符号（列表的类型可以使A、a、I、i、1）标示。整个有序列表以ol标签开始，列表中的每一项以li标签开始。 ? 无序列表：由一组项目构成，其中每个项目都有项目符号（通常是个小黑点）标示。整个无序列表以ul标签开始，列表中的每一项以li标签开始。 ? 自定义列表：由dl标签