HTML基本标记.pptVIP

4.10 本章小结 HTML语言是页面制作的基础环节。本章主要介绍了顶级标记的使用、格式标记的使用、文本标记的使用、图片标记的使用、链接标记的使用、表格标记的使用、表单标记的使用和框架标记的使用等。大家通过对这些内容的学习，可以更深刻地体会到网页制作中本质内容。 第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语言是由一系列标记tag组成的，每一种标记向浏览器说明了一种页面元素。 标记是由起始标记tag和结束标记/tag组成的。起始标记表示一种功能的开始，结束标记表示一种功能的结束。 4.1 HTML概述 HEAD头标记用于包含页面文件的基本信息。这些信息是供浏览器阅读和使用的，或是页面制作者用于保留信息的，并不在浏览器的页面区显示。 TITLE标题标记 META元数据标记 4.2.1 HEAD头标记 4.2 顶级标记 4.2.2 Body体标记 这个标记组中除了html、头部标记和框架标记外，其他所有标记都可以在其中。 4.3.1 格式标记 1. 标题标记 标题标记格式：Hn…/Hn（n=1，2，…6），这个标记组可以设置各种大小不同标题。 2. 段落标记 段落标记格式为：P…/P，里面包含文本和一些可以放置于内的标记。P标记的结尾标记是可以省略的。 4.3 文本处理标记 4.3 文本处理标记 4.3.2 列表标记 1. 有序列表 OL LI type=” A, a, I, i, 1 ”内容/LI LI type=” A, a, I, i, 1 ”内容/LI /OL 2. 无序列表 UL LI type=” disk, circle, square”…/LI LI type=” disk, circle, square”…/LI /UL 4.3 文本处理标记 4.3.3 文本格式化标记 1. 字体设置标记 字体设置标记格式为：FONT…/FONT 2. 字符修饰元素 4.3.4 其他格式标记 1. 置中标记 置中标记格式为：center页面元素/center 2. 预定义格式标记 预定义格式标记格式为：PRE文本内容/PRE 3. 段内换行标记 段内换行标记格式为：BR 图像标记的格式：IMG/IMG，结尾标记可以省略。 基本属性包括： Src 通过URL给出图像来源的位置，不可缺省 Width 设置图像宽度 Height 设置图像高度 Alt 设置在图像未载入前图片位置显示的文字 Border 设置图像边框，缺省为0 4.4 图像处理标记 链接标记的格式为：a页面元素/a，页面元素一般为文本和图片。 常用的属性为： Href 链接目标的位置，一般是页面也可以是某一个文件 Name 锚点名 Target 设置显示链接的目标位置。值可以为：框窗名称，_blank、_parent、_self、_top 4.5 链接处理标记 4.6 表格处理标记 表格是由table（定义表格）、tr（定义行）、th（定义表头）和td（定义单元格）标记构成的 4.6.1 Table表格标记 表格标记的格式为：TABLE行标记/TABLE。使用TABLE只是定义了空表格，还需要定义行和单元格。 4.6.2 TR行标记 行标记的格式为：TR单元格标记/TR。使用TR只是定义了空行，还需要定义单元格。 4.6 表格处理标记 4.6.3 TD单元格标记 单元格标记的格式为：TD页面元素/TD。单元格中可以放置任何BODY中能够放置的内容。 基本属性为： Bgcolor 设置单元格背景颜色 Rowspan 设置单元格所占的行数 Colspan 设置单元格所占的列