珍连人文监控录像公司html培训教程(编辑修改稿)

珍连人文监控录像公司html培训教程(编辑修改稿)内容摘要：

DEX测试文档 其中“可以搜索该索引。 请键入要搜索的关键字：”是 IE浏览器自动加上去的。 浏览者在空白文本框条内键入要查询的关键字并按回车确认后，光标将移至 该关键字或包含该关键字的词处。 此时，与关键字相匹配的字符呈亮蓝色。 HTML 标准教程 北京珍连人文科技开发有限公司 10 10 三、 BODY标签 body标签是成对出现的。 在 body/body之间的内容将显示在 Web浏览器窗口的用户区内，它是 HTML文档的主体部分。 在 body标签中可以规定整个文档的一些基本属性： “ BGCOLOR”。 指定 HTML文档的背景色。 “ TEXT”。 指定 HTML文档中文字的颜色。 “ LINK”。 指定 HTML文档中待连接超链接对象的颜色。 “ ALINK”。 指定 HTML文档中连接中超链接对象的颜色。 “ VLINK”。 指定 HTML文档中已连接超链接对象的颜色。 “ BACKGROUND”。 指定 HTML文档的背景文件。 在指定对象的颜色时，可以使用该颜色的代码或直接使用该颜色对应的英文单词，例 如，我们指定 HTML文档的背景色为绿色，可以表示为： body BGCOLOR=“ green” ， 也可以表示为 body BGCOLOR=“ 0080000”。 为了便于记忆，建议读者直接用相应的 英文单词指定颜色。 Body属性的参数值可以是表 21所示 16种颜色中的任何一种。 表 21 文档主体部分的可用颜色 名 称 颜 色 名 称 颜 色 Black 黑 色 Red 红 色 Lime 石灰色 Maroon 栗 色 Gray 灰 色 Silver 银白色 Navy 海军蓝 Olive 橄榄绿 Purple 紫 色 Yellow 黄 色 Aqua 浅蓝绿 Blue 蓝 色 Green 绿 色 Fuchsia 紫红色 White 白 色 Teal 暗蓝绿 四、基本结构 一个 HTML文档的基本结构如下： html—— 标志着 HTML文档开始 head title文档标题 /title /head body文档的主体部分 /body /html—— 标志着 HTML文档结束 head与 /head之间的部分是 HTML文档的文档头部分，用以说明文档的标题和整个文档的一些公共属性。 body与 /body之间的部分是 HTML文档的主体部分。 我们下面介绍的标签，如不加特别说明，均是嵌套在这一对标签中使 用的。 第 2课 文 本 HTML文档中，文本也是由一些标签标注和控制的，本课就介绍这些相关的标签。 一、 BR标签 “ BR”即 Break，是换行标签，它是单独出现的，作用相当于插入一个回车符。 如果没HTML 标准教程 北京珍连人文科技开发有限公司 11 11 有换行标签的话， Web浏览器将根据浏览器窗口的宽度尽可能长地显示文本，而不是按照 HTML文档中的文本格式显示。 例： html head titleThis Is a test BR text./title /head body HTML is no real language such as C++or Pascal， BR it is just a system for describing documents.BR A WWW browser interpret theBR HTMLcode and display it． /body /html 在 23所示。 图 23 插入 BR标签的文档 如果删去所有的 BR标签，在 24所示。 图 24 删去 BR标签的文档 二、 H标签（ i=1， 2， 3， 4， 5， 6） Hi标签是成对出现的，夹在 Hi和 /Hi之间的文字是 HTML文档中的标题。 标题文字都用黑体显示，上级标题总比下面各级标题要更大些、粗些，具体有多大则因浏览器的不同而不同。 Hi标签共分六级，其中 H1标签所括起的文字是第一级标题，最大最粗： H6标签所HTML 标准教程 北京珍连人文科技开发有限公司 12 12 括起的文字是最后一级标题，最小最细。 例： html head titleHi标签测试文档。 /title /head body H1这是第一级标题。 /H1 H2这是第二级标题。 /H2 H3这是第三级标题。 /H3 H4这是第四级标题。 /H4 H5这是第五级标题。 /H5 H6这是第六级标题。 /H6 /body /html 在 25。 图 25 文章中标题 显示效果图 从图 25中我们可以看出。 H标签隐含有换行标签的作用，文本从下一行开始。 H标签的属性有 COLOR、 ALIGN，分别标识标题的颜色和位置。 COLOR 属性的参数值取值范围和body标签的属性一样，可以是 16种颜色（详见表 21）中的任意一种。 ALIGN属性的参数值为 left、 center或 right之一，分别表示标题位于浏览器窗口的左侧、中间和右侧。 三、 P标签 P即 paragraph（段落）， P标签用于划分段落，作用是换行并插入一个空白行，它可以单独使 用，也可以成对使用。 例： html head title这是一个段落标签浏试文档。 /title /head body 这表示一个段落结束。 P 下面是第二段。 还是第二段。 /P P下面是第三段。 /body HTML 标准教程 北京珍连人文科技开发有限公司 13 13 /html 在 26所示。 图 26 段落标签显示效果图 当 P和 /P标签成对使用时，可以添加 ALIGN属性，用以标识段 落在浏览器中的位置。 ALIGN 属性的参数值为 left、 center 和 right之一，分别表示 P和 /P标签所括起的段落位于浏览器窗口的左侧、中间和右侧。 例： html head title这是一个段落位置测试文档。 /title /head body P ALIGN=left段落位于左侧。 /P P ALIGN=center段落位于中间。 /P P ALIGH=right段落位于右侧。 /P /body /html 在 27所示。 图 2－ 7 段落标签的位置属性 四、 HR标签 HR标签是单独使用的标签。 HR即 Horizontal Rule，它的作用是换行并在该行下画一条水平直线，直线的上下两端都会留出一定的空白。 HR标签的属性有： SIZE、 WIDTH和 ALIGN。 HTML 标准教程 北京珍连人文科技开发有限公司 14 14 （ 1） SIZE属性。 用以规定水平线的高度，该属性的参数值必须是数字。 （ 2） WIDTH属性。 用以规定水平线的宽度，该属性的参数值可以 是数字（代表字符数）或百分数（占浏览器宽度的百分比）。 缺省时，水平线占据整个浏览器窗口宽度。 （ 3） ALIGN属性。 当水平线宽度小于浏览器窗口宽度时，使用该属性规定水平线在浏览器窗口的位置。 ALIGN属性的参数值为 left、 center和 right之一，分别表示该水平线位于浏览器窗口的左侧、中间和右侧。 例： html head titleHR标签测试文档 /title /head body 水平线位于左侧。 HR SIZE=6 WIDTH=150 ALIGN=left 水平线位于中间。 HR SIZE=6 WIDTH=150 ALIGN=center 水平线位于右侧。 HR SIZE=6 WIDTH=150 ALIGN=right /body /html 在 28所示。 图 28 水平线标签显示效果图 五、 PRE标签 PRE标签是预格式化标签，它是成对出现的。 Web 浏览器按编辑文档时的字符位 置将PRE和 /PRE标签之间的内容忠实地、一成不变地显示出来。 例： html head titlePRE标签测试文档 /title /head body PRE 1992 HTML 标准教程 北京珍连人文科技开发有限公司 15 15 January on 15th， the first line mode browser was available by anonymous FTP. /PRE /body /html 在 29所示。 一般说来，如果不使用预格式化标签， Web浏览器在显示 HTML文档时只保留格式符而忽略原文档中的回车和空格，并根据需要对原文档的字体、大小进行调整。 上例中如果删去 PRE和 /PRE这对标签，则在 210所示。 图 29 预格式化显示效果图 图 210 非预格式化显示效果图 六、字符格式标签 HTML 文档的字符格式标签主要有 B（ Bold）、 I（ Italic）、和 U（ Underlined） 三种，它们都是成对出现的。 运行 HTML文档时， B和 /B之间的内容将显示为黑体文字， I和 /I之间的内容将显示为斜体文字， U和 /U之间的内容将显示为带下划线的文字。 例： html head title这是格式化字符测试文档 /title /head body HTML 标准教程 北京珍连人文科技开发有限公司 16 16 PB这是黑体文字。 /BBR PI这是斜体文字。 /dBR PU这是带下划线的文字。 /U /body /html 在 211所示。 图 211 格式化字符显示效果图 七、 ADDRESS标签 ADDDRESS标签是地址标签，它是成对出现的，一般放在文档体的首部或尾部。 ADDRESS和 /ADDRESS之间的内容一般是有关作者的信息，包括作者的姓名、身份、地址等等，在 Web 浏览器窗口中用黑体或斜体显示。 第 3课 图 像 图像可以使 Web页面更加生动美观、富有生机。 Web浏览器可以显示 JPEG和 GIF图像。 其中 GIF图像最多只能使用 256种颜色（即只能保存为 8位颜色），而 JPEG格式可保存为 24位，对具有连续色调的图像有最佳效果。 不过， GIF图像虽然在图像质量上不及 JPEG图像，但其所占存储空间小，下载速度快。 因此应视不同情况而决定应使用哪种格式的图像。 对于徽标、公司厂标等在每一主页显示，要求能快速下载并能在低配置的系统中查询的图像。 应采用 GIF 格式，而对于扫描图片、艺术作品这种对显示质量要求很高的图像则应采用 JPEG格式。 在 HTML 文档中插入图像是通过 IMG标签来实现的，该标签共有 9个 属性，除属性 SRC是不可缺省的外，其他属性都可选的。 一、 SRC属性 SRC即 Source，该属性用于指出被引用的图像文件所在位置。 在第 1讲中，我们己经介绍过，超文本中每一文件在网络中的位置都由一个统一资源定位器（ URL）唯一标识。 SRC。