第4章-网页制作基本语言HTML.pptVIP

4.3 HTML标签 标签是HTML的基本元素。在HTML文档中的社党位置添加标签，可以实现各种页面效果。标签的基本语法格式如下： 标签 受标签影响的文本 /标签 标签内还可以包含一系列属性，通过设置属性可以实现各种效果。设置标签属性的语法结构如下： 标签 [属性1=属性值] [属性2=属性值] … [属性N=属性值] …/标签 HTML标签封装在由“”和“”构成的一对尖括号中，属性可缺省。浏览器在解释HTML文档时，根据“”和“”识别标签，然后确定其中的内容。多数标签包含开始标签“标签”和结束标签“/标签”两部分，称为成对标签。不需要“/标签”结束的标签为单标签。 4.3.1 页面标签 在4.2节介绍的HTML文档基本结构中，除了文本以外，还涉及以下4个HTML标签。 1.HTML文档标签 HTML文档标签html … /html出现在最外层，表示这对标签间的内容是HTML文档。每个HTML文档均以html开始，以/html结束。 2.HTML文档头标签 HTML文档头标签head … /head用于说明标题名、文本文件地址、创作信息等头部信息，若不需要头部信息则可以忽略此标签。 3.HTML文档标题标签 HTML文档标题标签title … /title用于定义标题内容并将其显示于浏览器标题栏，其作用是概括网页内容，便于浏览者将网页加入书签或保存至磁盘。 4.3.1 页面标签 4.HTML文档主体标签 HTML文档主体标签body … /body用于定义网页上显示的主要内容与格式，是整个网页的核心，浏览器窗口中显示的网页内容都包含在该标签中。body有很多属性，用于设置页面的背景颜色、背景图像、文字颜色、超文本链接的颜色，可以控制网页的总风格。 属性名 描述 background 设置网页的背景图像 bgcolor 设置网页的背景颜色 text 设置文本颜色 link 设置未被访问的超文本链接颜色 vlink 设置已经被访问的超文本链接颜色 alink 设置超文本链接被访问瞬间的颜色 4.3.2 文字与段落标签 HTML中的标签有许多用于控制页面文字及段落格式，每种标签都从某一方面对页面文本产生影响，甚至可以利用不同的标签实现相同的控制效果。 1.标题的设置 页面文字中，标题是一段文字的核心，可用加强的效果来表示，通过设置不同大小的标题为文字段落增加条理性。设置标题的语法格式如下： hn align=对齐方式 标题 /hn 标题文字以宋体显示并且自动换行。 n用来定义标题的大小，取值范围为1~6，取1时最大，取6时最小。 属性align用来设置标题在页面中的对其方式，取值可为left（左对齐）、center（居中）或right（右对齐）。 4.3.2 文字与段落标签 2.强制换行 在HTML文档中无法通过enter键进行换行，因此需要进行强制换行。强制换行标签br出现时，表示从该处开始新的一行。强制换行的语法格式如下： 文字br 3.文字格式的控制 通过font标签设置网页文字的字体、大小和颜色，可以增强文字显示的多样性和层次感。使用font标签控制文本格式的语法格式如下： font face=字体名 size=数字 color=颜色受影响的文字/font 4.3.2 文字与段落标签 颜色 英文单词 十六进制代码 黑 black #000000 白 white #FFFFFF 红 red #FF0000 黄 yellow #FFFF00 蓝 blue #0000FF 绿 green #008000 常用颜色的英文单词及十六进制代码 4.3.2 文字与段落标签 字形标签格式 字形结果 b受影响的文字/b 黑体 i受影响的文字/i 斜体 u受影响的文字/u 下划体 strike受影响的文字/strike 删除体 sub受影响的文字/sub 下标 sup受影响的文字/sup 上标 常用的字形控制标签 4.3.2 文字与段落标签 4.段落格式的控制 1）强制换段 网页中的正文常常需要分成多段文字。与强制换行相似，在HTML文档中无法用Enter、Space、Tab等控制键来调整段落，因而需要借助p标签强制分段。使用该标签后，每块正文段落间会空出一行。使用p标签换段的语法格式如下： p align=对齐方式受影响的文字/p 2）预编排格式 在其他编辑工具中编排好的文本中可能包含一些HTML文档不支持的控制符号，如回车符、换行符等，如果希望网页最终的显示效果与编辑时的格式一致，可借助预编排格式标签pre。语法格式如下： pre预先编排好的格式/pre 4.4 创建超链接 超链接是指Web页面从一个页面跳转到另一个页面或从一个位置跳转到另一个位置的链接关系。连接的目标通常是一个web页面，也可以是图片、多媒体、电子邮件甚至程序