第4章 HTML基本标记简介.pptVIP

网页设计与制作 文达学院 第4章 HTML基本标记简介 4.1 HTML概述 HTML是（Hyper Text Markup Language）超文本标记语言的缩写，是网页主要的组成部分 。 HTML语言是由一系列标记tag组成的，每一种标记向浏览器说明了一种页面元素。 标记是由起始标记tag和结束标记/tag组成的。起始标记表示一种功能的开始，结束标记表示一种功能的结束。 说明：有些标记无结束标记 。 设置页面元素的属性 格式： tag property1=“value” property2=“value” … /tag 说明： 当不设置页面元素的属性时，浏览器会按照属性的默认值显示页面元素的效果。 4.2 顶级标记 4.2.1 HEAD头标记 HEAD头标记用于包含页面文件的基本信息。这些信息是供浏览器阅读和使用的，或是页面制作者用于保留信息的，并不在浏览器的页面区显示。 说明： HEAD头标记中常用TITLE标记和META标记。 TITLE标题标记 格式： TITLE标题文本 /TITLE 该标记中不能有其他HTML标记。 功能： 标题文本将显示在浏览器的标题栏位置，用于向用户说明所打开的页面内容。 META元数据标记 格式： META 只有开始标记，没有结尾标记。 常用属性： Name 指定某一个特性的名称 Content 指定name属性所指定的特性的值 4.2.2 Body体标记 格式： Body 页面元素 / Body 这个标记组中除了html、头部标记和框架标记外，其他所有标记都可以在其中。 常用属性： Bgcolor 背景颜色 Background 背景图像的来源位置 Topmargin 页面上方的空白 Leftmargin 页面左边的空白 Text 非可链接文字的色彩 Link 可链接文字的色彩 Vlink 已经点击过的可链接文字的色彩 4.3 文本处理标记 4.3.1 格式标记 1. 标题标记 标题标记格式：Hn…/Hn（n=1，2，…6） 这个标记组可以设置各种大小不同标题。 2. 段落标记 段落标记格式为：P…/P 里面包含文本和一些可以放置于内的标记。 P标记的结尾标记是可以省略的。 常用属性： Align 设定水平对齐方式 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.3 文本格式化标记 1. 字体设置标记 字体设置标记格式为：FONT…/FONT 属性： Size 设置文字的大小 Face 设置字体 Color 设置文字的颜色 2. 字符修饰元素 格式1： b 使其内文本的字体样式为粗体。 格式2： i 使其内文本的字体样式为斜体。 4.3.4 其他格式标记 1. 置中标记 置中标记格式为：center页面元素/center 2. 预定义格式标记 预定义格式标记格式为：PRE文本内容/PRE 将文字排版、格式等包起来，按照文档中预先排好的形式原封不动地加以显示。 3. 段内换行标记 段内换行标记格式为：BR 特点：没有结尾标记。 实现强制换行。 4.4 图像处理标记 图像标记的格式：IMG/IMG 结尾标记可以省略。 基本属性包括： Src 通过URL给出图像来源的位置，不可缺省 Width 设置图像宽度 Height 设置图像高度 Alt 设置在图像未载入前图片位置显示的文字 Border 设置图像边框，缺省为0 4.5 链接处理标记 链接标记的格式为： a页面元素/a 页面元素一般为文本和图片。 常用的属性为： Href 链接目标的位置，一般是页面也可以是某一个文件 Name 锚点名 Target 设置显示链接的目标位置 值可以为：框窗名称，_blank、_parent、_self、_top 4.6 表格处理标记 表格是由table（定义表格）、tr（定义行）、th（定义表头）