计算机网络原理  超文本标记语言（HTML）
超文本标记语言HTML（HyperText Markup Language）中的Markup的意思就是“设置标记”。因此HTML也常译为超文本置标语言。
早在1986年，ISO就已经制定了标准的ISO8879，即SGML（Standard Generalized Markup Language）。SGML是一个非常复杂的、功能丰富的系统，有很多种选项，很适合于需要精确文档标准的大型组织。然而SDML的过分复杂使用它很不适合于简单快捷的WWW网。由于HTML非常易于掌握且实施简单，因此它很快就成为WWW的重要基础。官方的HTML标准由WWW Consortium负责制定。
1．HTML文件描述
这类标记是每一个HTML文件都应该具有的，但是请注意，即使没有这些标记，浏览器
也不会显示出错，而是按照默认的方式解释代码内容并显示页面。
● HTML文本标记<html></html>
<html>标记表示这是HTML文本文件，基本HTML页面以<html>标记开始，以</html>结束。在它们之间，文件有两部分—标题和正文。
● 文件头部标记<head></head>
这个标记表示文件头部的描述，包含一个不在自己页面上出现的页面信息，例如标题名称(title)，一些有关浏览器的定义和说明。
● 页面标题<title></title>
定义的页面标题，这个标记之间的文字在被访问时将出现在浏览器窗口标题的地方。
● 页面主体<body></body>
页面内容所在。主页面上显示的东西都包含在这两个标记之中。在它的起始标记中可以包括一些页面属性，它们在整个页面有效：background：背景图片文件名；bgcolor：背景颜；link：超级链接的颜，一般浏览器默认为蓝；text：设定本页面文本的颜；vlink：已经看过的超级链接的颜，默认为紫。
2．段落、格式、版面分割标记
在下面我们分别来学习段落、格式以及版面分割等标记
● 引用文字<blockquote> </blockquote>
这部分内容表示引用文字，一般每一行会向内缩进一定的距离。引用可以嵌套使用，造成多层缩进的效果。
● 回车标记<br>
在标记出现的地方强制换行。在H T M L中，浏览器是不理会回车的，如果需要换行，一定要用这个标记。
● 居中对齐<center></center>
标记内的内容将显示在浏览器可视范围的中部，一般浏览器都在这个标记出现的地方另起一段。
● 横线标记<hr>
显示一条横线，作为上下页面的分隔，可以选用参数。例如，横线对齐：<HR ALIGN=LEFT|RIGHT|CENTER>；横线粗细：<HR SIZE=>；横线长度：<HR WIDTH= > 如果是一个正整数，表示以屏幕点数为单位的横线长度。如果是一个百分数，表示横线长度占浏览器宽度的百分比；实线：<HR NOSHADE>
● 不换行标记<nobr></nobr>
标记内的内容被强制不换行，如果超出浏览器的宽度，浏览器底部将出现滚动条。一般浏览器会自动对超出窗口可视范围的内容自动换行，当然不同的浏览器在处理上可能有所不同，特别是对于英文单词的处理。如果采用这个标记，其间的内容将被强制不换行。
● 段落标记<p></p>
在所有的H T M L标记中，段落标记最常用，也是对用户而言是最好用的，段落标记之间的内容被定义为一个独立的段落，浏览器自动进行回车换行等处理。<p>标记在每个段落的开头加入，在每个文本块之前跳过一行。关闭段落可以不用</p>；继续下一个标记时当前段落会自动结束。可以使用参数align定义段内文本对齐方式：<p align = left | center | right>
3．文字效果标记
将html代码显示为文本
● 文本标题<h1> </h1>...<h6></h6>
标题标记，一共包括六种不同的标题，从< h 1 > < h 2 >到< h 6 >，标记< h ? >和< / h ? >之间的文字将被显示成为相应的标题样式， H 1是最大最粗，而H 6最小。标题被显示为前后留空，而且通常用粗体字。
<html>
< h e a d > < t i t l e >标题的样式</title></head>
<body>
< h 1 >标题1是最大最粗的样式< / h 1 >
< h 2 >标题2比标题1要小< / h 2 >
< h 3 >标题3和< / h 3 >
< h 4 >标题4比较接近正常字体的大小，但是比较粗< / h 4 >
< h 5 >标题5略小于正常字体< / h 5 >
< h 6 >标题6比较小，但是仍然是粗体字< / h 6 >
这样就是正常字体
</body>
</html>
● 地址样式<address></address>
浏览器将标记内的文字显示成斜体，即地址、邮件地址的风格。正常文字和地址标记对比的浏览效果。
● 加粗标记<b></b>
粗体标记(bold)，标记内的文字用加粗的字体显示。正常文字和加粗标记对比的浏览效果。
● 字体缩放<big></big>和<small></small>
<big> </big>标记内的文字用比前边大一号的字体显示。<small> </small>标记内的文字用比前边小一号的字体显示。它们表示的都是字体大小的相对变化。正常字体和字体大小变化标记对比的浏览效果。
● 闪烁字<blink></blink>
标记内的文字闪烁显示，这个标记不很常用并且受到过一些批评，甚至被认为是HTML最无用的标记。
● 引文标记<cite></cite>
引文内容一般用斜体表示，有的浏览器在引文前自动换行。正常文字和加粗标记对比的浏览效果。
● 强调标记<em></em>和<strong></strong>
<e m> </em>是表示一般性强调(emphasize)的标记，浏览器一般也将标记内的强调内容用
斜体表示。<strong> </strong>表示特别强调，一般会用加粗字体表示。斜体字<i></i>
专用的斜体(italic)标记，标记内的文字用斜体字显示。
● 删除标记<s></s>
标记内的文字用加删除线的字体显示，即用一条横线划过文字中部。
● 上标和下标<sup></sup>和<sub></sub>
< s u p > < / s u p >标记内的文字用上标格式显示，即缩小的上移字体。< s u b > < / s u b >标记内的文字用下标格式显示，即缩小的下移字体。
● 样例标记<samp></samp>
样例样式(sample)。这个样式的内容一般用较小的字体表示。
● 下划线<u></u>
下划线( u n d e r l i n e )标记。标记内的文字用加下划线的字体显示。
● 变量标记<var></var>
变量样式一般也用斜体表示，和一般性强调相似。
除上述所内容外，HTML还有超级链拉标记、表格标记和插入图像标记等。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。