HTML语言源代码实例1.第一个HTML示例<html><head><title>第一个HTML示例</title></head><body>HTML的基本结构。
</body></html>2.换行标签<br><html><head><title>测试换行标签</title></head><body>天津公安警官职业学院<br>电教中心<br>授课教师李平<br></body></html>3.强制不换行标签<nobr> </nobr><html><head><title>测试强制不换行标签</title></head><body>黄鹤楼<br><br><nobr>昔人已乘黄鹤去，此地空余黄鹤楼。
黄鹤一去不复返，白云千载空悠悠晴川历历汉阳树，芳草萋萋鹦鹉洲。
日暮乡关何处是？</nobr>烟波江上使人愁。
</body></html>4.自动换行标签<wbr> </wbr><html><head><title>测试自动换行标签</title></head><body>风中，花儿谢了<br><br><wbr>凄怜的娇花在悲凉的秋风中，从曾经绚烂娇媚的枝梢，轻曼着彩蝶般的舞姿，漫天飞洒，一片片无奈地落在那冰冷森寒的风刃之上。
于是，万千飞舞的蝶便化成纷扬的花絮，轻盈地随风而起，又随风飘得很远、很远。
</wbr></body></html>5.分段控制标签<p> </p><html><head><title>测试分段控制标签</title></head><body><p>花儿什么也没有。
它们只有凋谢在风中的轻微、凄楚而又无奈的吟怨，就像那受到了致命伤害的秋雁，悲哀无助地发出一声声垂死的鸣叫。
</p><p align=left>或许，这便是花儿那短暂一生最凄凉、最伤感的归宿。
</p><p align=center>而美丽苦短的花期</p><p align=right>却是那最后悲伤的秋风挽歌中的瞬间插曲。
</p> 万千飞舞的蝶便化<p>成纷扬<br>的花絮</body></html>6.原样显示文字标签<PRE><html><HEAD><TITLE>测试原样显示文字标签</TITLE></HEAD><BODY><pre>列表标签文档中的列表是很重要的，它将使文档一目了然，在HTML中的列表分为无序列表和有序列表。
有序列表与无序列表类似，但项目符号为序号数字。
</BODY></html>7.居中对齐标签<CENTER > </CENTER><html><HEAD><TITLE>测试居中对齐标签</TITLE></HEAD><BODY><PRE><CENTER>关山月明月出天山，苍茫云海间。
长风几万里，吹度玉门关。
汉下白登道，胡窥青海湾。
由来征战地，不见有人还。
戌客望边色，思归多苦颜。
高楼当此夜，叹息未应闲。
</CENTER></PRE></BODY>8.水平分隔线标签<hr><html><HEAD><TITLE>测试水平分隔线标签</TITLE></HEAD><BODY><CENTER>天津公安警官职业学院<HR color="red"></CENTER><PRE>侦察系<hr size="6">网络专业<hr width="40%" color=green>网页设计与制作<hr width=60 align="left">HTML超文本语言<hr size="120"width=3 align=center color=green ></PRE></html>说明：“像素”是屏幕上的一个逻辑点，是图像显示的最小单位。
电子枪通过屏幕网罩的小孔打到荧光屏上由三个荧光点（RGB）组成的一个小点称为物理点。
在某种显示方式下，包含一个或多个物理点的最小显示单位称为逻辑点。
9.设定背景和文字的颜色<BODY BGCOLOR=><html><HEAD><TITLE>设定网页背景和文字的颜色</TITLE></HEAD><body BGCOLOR=red text="green"><CENTER><Pre>春夜喜雨<hr>好雨知时节，当春乃发生。
随风潜入夜，润物细无声。
</PRE></CENTER></BODY></html>10.设定各级标题<Hn> </Hn><HTML><HEAD><TITLE>设定各级标题</TITLE></HEAD><BODY><H1 ALIGN="CENTER">一级标题。
</H1> <H2>二级标题。
</H2><H3>三级标题。
</H3><H4>四级标题。
</H4><H5 ALIGN="RIGHT">五级标题。
</H5> <H6 ALIGN="RIGHT">六级标题。
</H6> </BODY></HTML>11.控制文字的格式<font><html><head><title>控制文字的格式</title></head><body><pre><font face=黑体size=7 color="red" > 天津公安警官职业学院</font> </center><font face=隶书size=5 color="green">多媒体网页制作</font><font face=楷体size=4 color="#00ffff">第二章HTML超文本标记语言</font></pre></body></html>12.特殊文字样式<html><head><title>字体的物理类型</title></head><body><b>这些文字是粗体的</b> <br><i>这些文字是斜体的</i> <br><u>这些文字带有下划线</u></html>13.列表元素文档中的列表是很重要的，它将使文档一目了然，在HTML中的列表分为无序列表和有序列表。
⑴无序列表：<UL元素和LI元素>ul元素可用于创建一个以圆点等项目开始的无序列表，列表中的每一项用li加以识别<html><HEAD><TITLE>无序列表的使用</TITLE></HEAD><BODY><UL ><LI>天津公安警官职业学院<LI>电教中心<LI>授课教师：李平<LI>授课内容《HTML标记语言》<HR width=200 align="left"color=green ><LI>无序列表</UL></BODY></html>⑵有序列表：<OL元素和LI元素>有序列表与无序列表类似，但项目符号为序号数字。
<html><head><title>有序列表的使用</title></head><body><ol type=A start=4 ><LI>天津公安警官职业学院<LI>电教中心<LI>授课教师：李平<LI>授课内容《HTML标记语言》<LI>有序列表<hr width="40%" align="left" color=red ></ol></body></html>⑶嵌套列表<HTML><HEAD><TITLE>嵌套列表</TITLE></HEAD><body bgcolor="green"><ol><LI>天津公安警官职业学院<LI>电教中心<ul type=square ><LI>授课教师：李平<LI>授课内容《HTML标记语言》</ul><HR color=red></ol><ol type=a start=2 ><LI>无序列表<LI>有序列表<ol type=I start=2><LI>嵌套列表</ol></ol></body></html>14.空格标签 <html><head><title>空格方法</title></head><body><p>花儿什么也没有。