1、第4章 HTML基本标记,第4章 HTML基本标记,4.1 HTML概述 4.2 顶级标记 4.3 文本处理标记 4.4 图像处理标记 4.5 链接处理标记 4.6 表格处理标记 4.7 表单处理标记 4.8 框架处理标记 4.9 其他常用标记 4.10 本章小结,绚丽多彩的网页，本质是由标记语言所组成的。了解HTML的基本标记的使用，对于用户进一步走入网页设计的世界是非常必要的。在本章中，将介绍顶级标记、文本标记、图片标记、链接标记等基本标记的使用。,HTML是（Hyper Text Markup Language）超文本标记语言的缩写，是网页主要的组成部分 。HTML语言是由一系列标记组成
2、的，每一种标记向浏览器说明了一种页面元素。 标记是由起始标记和结束标记组成的。起始标记表示一种功能的开始，结束标记表示一种功能的结束。,4.1 HTML概述,头标记用于包含页面文件的基本信息。这些信息是供浏览器阅读和使用的，或是页面制作者用于保留信息的，并不在浏览器的页面区显示。 TITLE标题标记 META元数据标记,4.2.1 HEAD头标记,4.2 顶级标记,4.2.2 Body体标记,这个标记组中除了、头部标记和框架标记外，其他所有标记都可以在其中。,4.3.1 格式标记 1. 标题标记 标题标记格式：（n=1，2，6），这个标记组可以设置各种大小不同标题。 2. 段落标记 段落标记格
3、式为：，里面包含文本和一些可以放置于内的标记。标记的结尾标记是可以省略的。,4.3 文本处理标记,4.3 文本处理标记,4.3.2 列表标记 1. 有序列表 内容 内容2. 无序列表 ,4.3 文本处理标记,4.3.3 文本格式化标记 1. 字体设置标记 字体设置标记格式为： 2. 字符修饰元素 4.3.4 其他格式标记 1. 置中标记 置中标记格式为：页面元素 2. 预定义格式标记 预定义格式标记格式为：文本内容 3. 段内换行标记 段内换行标记格式为：,图像标记的格式：，结尾标记可以省略。 基本属性包括：Src 通过URL给出图像来源的位置，不可缺省Width 设置图像宽度Height 设
4、置图像高度Alt 设置在图像未载入前图片位置显示的文字Border 设置图像边框，缺省为0,4.4 图像处理标记,链接标记的格式为：页面元素，页面元素一般为文本和图片。常用的属性为：Href 链接目标的位置，一般是页面也可以是某一个文件Name 锚点名Target 设置显示链接的目标位置。值可以为：框窗名称，_blank、_parent、_self、_top,4.5 链接处理标记,4.6 表格处理标记,表格是由（定义表格）、（定义行）、（定义表头）和（定义单元格）标记构成的 4.6.1 Table表格标记 表格标记的格式为：行标记。使用只是定义了空表格，还需要定义行和单元格。 4.6.2 TR
5、行标记 行标记的格式为：单元格标记。使用只是定义了空行，还需要定义单元格。,4.6 表格处理标记,4.6.3 TD单元格标记 单元格标记的格式为：页面元素。单元格中可以放置任何中能够放置的内容。 基本属性为： Bgcolor 设置单元格背景颜色 Rowspan 设置单元格所占的行数 Colspan 设置单元格所占的列数 Align 设置对齐方式 Width 设置单元格宽度 Height 设置单元格高度,4.7 表单处理标记,4.7.1 Form表单标记 表单标记的格式为：表单元素，其余的表单控件标记都要放在标记组之中。常用的基本属性：Action设置表单的处理程序，一般为服务器端脚本语言所编写
6、的程序Method设置发送表单的HTTP方法，一种是get，另一种是postName设置发送表单的名称,4.7 表单处理标记,4.7.2 Input输入域标记 输入域标记的格式为：，只有开始标记，没有结尾标记。常用的属性为：Type 输入域类型Value 输入域的值Size 输入域的显示字符数Maxlength 能输入的最大字符数Name 输入域的名称,4.7.3 其他标记 1. 多行输入域标记 利用文本来产生一个可以输入大量文字的输入区域。2. 选择域标记 选择域标记的格式为：选项一选项二,4.7 表单处理标记,4.8 框架处理标记,框架的作用是使多个页面可以同时显示在一个浏览器窗口中，这样
7、用户就可以浏览到更多的信息内容。 4.8.1 FrameSet框架集标记 框架集标记的格式为：框架标记。框架集标记定义了一个框架的容器，可以包含很多的框架，每个框架用标记来表明。 4.8.2 Frame框架标记 框架标记的格式为：，用于说明每一个框架集中的框架。,4.9 其他常用标记,1. 注释标记 注释标记的格式为：。注释标记不被浏览器所解释，用于页面设计者记录制作的信息。 2. 水平线标记 水平线标记的格式为：，只有开始标记，没有结束标记。用于修饰页面。 3. 脚本容器标记 脚本容器标记的格式为：脚本。在页面中加入脚本程序，扩展页面的功能。 4. Java小程序容器标记 Java小程序标记的格式为：。可以在页面中嵌入Java小程序。,4.10 本章小结,HTML语言是页面制作的基础环节。本章主要介绍了顶级标记的使用、格式标记的使用、文本标记的使用、图片标记的使用、链接标记的使用、表格标记的使用、表单标记的使用和框架标记的使用等。大家通过对这些内容的学习，可以更深刻地体会到网页制作中本质内容。,
