HTML网页的设计.pptVIP

第2章 HTML网页设计 HTML（HyperText Markup Lanquage）即超文本标记语言，是构成网页最基本的要素，也是编写ASP文档和开发各种Web应用程序的基础。 2.1 HTML概述 2.1.1 什么是HTML HTML是一种颇为结构化的网页内容标记语言，使用各种不同的标记符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标记（start tag）、结束标记（end tag），以及夹在这两个标记中的内容所组成。许多元素的开始标记中还允许加入若干个相关的属性，用以进一步对该元素的特征进行说明或限定。通常用“属性名称 = 属性值”的方式来设定元素的属性。 一个HTML元素的形式可表示为： 标记名称 属性名称 = 值 …… 内容 /标记名称 说明： l????? html 元素是HTML文档的最高层元素，原则上用它来指出HTML文档的开始与结束。 l???????? head 元素用来标识网页的头部， l??????? title 元素用来指定浏览器所要显示的标题文字。 l????? ?body 元素用来标识HTML文档的主体部分。 ? 2.1.3 一个简单HTML文档 1．创建一个简单的HTML文档 2.2 HTML常用标记 2.2.1 头部标记 HEAD和/HEAD是HTML的头部标记，其中主要包括对当前网页的一些基本描述信息，例如网页标题、一些说明信息和搜索关键字等。 1．网页标题标记 格式： TITLE 标题文字 /TITLE 示例： title访客留言簿/title 2．元信息标记 META标记是HTML头部标记中常见的元信息标记，可重复出现在头部标记中，用来指明本网页的作者、网页制作工具、所包含的的关键字，以及其他一些描述网页信息。META标记的另一个作用是创建HTTP响应头，以便让浏览器知道如何去处理这个网页，例如这个网页什么时候过期，隔多少时间自动刷新等。 2.2.2 主体标记 BODY和/BODY标记是HTML文档的主体标记，其内包括了将在网页中显示的文字、图片、表格、链接、表单等所有内容。 2．BODY标记应用示例 body bgcolor=gold body bggroung=abc.jpg bgproperties=fixed body link=#0000FF alink=#FF0000 vink=#800080 body topmargin=12 leftmargin=20 2.2.3 段落标记 1．标题文字标记 格式： Hn align = 对齐方式 标题文字 /Hn 2．分段标记 格式： P align = 对齐方式 文字 /P 说明：分段标记不仅使得后面的文字换行输出，还将在两个段落之间产生一个空行。分段结束标志 /P 可以省略。 3．换行标记 格式： 文字 BR 说明：可以连续使用多个BR 标记来产生多个空行 4．横线标记 格式： HR size = 粗细 align = 对齐方式 width = 宽度 color = 颜色 5．文本缩排标记 格式： Blockquote 文字 /Blockquote 2.2.4 文字格式标记 1．字体标记 格式： FONT size = 大小 face = 字体名称 color = 颜色文字/FONT 2．文字修饰标记 2.2.6 列表标记 1．有序列表标记 格式： OL type = 序号类型 start = 开始序号 LI type = 序号类型列表项1 LI type = 序号类型列表项2 …… LI type = 序号类型列表项n/OL 2．无序列表标记 格式： UL type = 项目符号类型 LI type = 项目符号类型列表项1 LI type = 项目符号类型列表项2 …… LI type = 项目符号类型列表项n/UL ? 2.2.7 图像标记 格式： IMG scr = 图片文件的URL align = 对齐方式border = 边框宽度 alt = 说明性替代文字 height = 图像高度width = 图像宽度 hspace = 水平边距 vspace = 垂直边距 2.2.8 超链接标记 格式： A href = URL用作链接的文字或图像/A 2.3 HTML表格标记 1．网页中的表格 网页中经常需要使用各种表格元素，设计者不仅可以通过表格来输出诸如“商品表”或“员工表”中的各行信息，更重要的是可以利用表格来方便地控制网页中各种元素的布局