本节讲解八种标签：换行标签、粗体标签、强调标签、<em> 标签、斜体标签、下划线标签、不换行标签与注释标签。其中最常用的是“换行标签”、“粗体标签”与“注释标签”。。
一、<BR>标签： 换行标签。
<BR>标签，是换行标签。它的作用是换行。在<BR>后面的内容，会显示在下一行。如果连续应用两个<BR>标签，就会空出更大的距离。
<BR>标签是空标签，它没有尾标签。
代码举例：
<DIV align=center><FONT color=#ff0000 size=5 face=华文行楷>红军不怕远征难，<BR>万水千山只等闲。<BR><BR>五岭逶迤腾细浪，<BR>乌蒙磅礴走泥丸。<BR><BR>金沙水拍云崖暖，<BR>大渡桥横铁索寒。<BR><BR>更喜眠山千里雪，<BR>三军过后尽开颜。 </FONT></DIV>
效果：
红军不怕远征难，
万水千山只等闲。 五岭逶迤腾细浪， 乌蒙磅礴走泥丸。 金沙水拍云崖暖， 大渡桥横铁索寒。 更喜眠山千里雪， 三军过后尽开颜。
二、<b>标签：粗体标签。
粗体标签是一套标签。有首标签，必须有其尾标签。
在<b>与</b>之间的文字，显示为粗体文字。
代码比较：
1、非粗体文字：
代码：
<DIV><FONT color=#ff0000 size=5 face=华文行楷>不断地变化属性属值，观察显示效果，是学习代码的捷径之一。 </FONT></DIV>
效果：
不断地修改属性属值，观察显示效果，是学习代码的捷径之一。 2、粗体文字：
代码：
<DIV><FONT color=#ff0000 size=5 face=华文行楷><B>不断地修改属性属值，观察显示效果，是学习代码的捷径之一。<B></FONT></DIV>
效果：
不断地修改属性属值，观察显示效果，是学习代码的捷径之一。 三、<!--注释-->标签： 注释标签。
注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
可以使用注释标签对您制作的某篇网页代码进行解释，这样做有助于您在以后查阅您制作这篇网页时应用代码的方法，也可让别人了解您制作这篇网页应用代码的方法。
注释标签的表达式为：<!--注释内容-->
即：在尖括号内输入一个感叹号，再输入四个短横线。注释的内容要放在四个短横线的中间。
最近我发表的几篇《教程》中，凡是有滚动条边框的地方，都应用了注释标签。您可在代码编辑页面中查看一下。
四、<strong>标签：强调标签。也有人把它也叫做“粗体标签”。
强调标签也是一套标签。有首标签，必须有其尾标签。
在<strong>与</strong>之间的文字，显示为粗体文字。
<B>标签与<strong>标签显示的效果基本上是相同的。
代码：
<DIV><FONT color=#ff0000 size=5 face=华文行楷><strong>不断地修改属性属值，观察显示效果，是学习代码的捷径之一。</strong></FONT></DIV>
效果：
不断地修改属性属值，观察显示效果，是学习代码的捷径之一。 也有的朋友这样讲：<B>标签重在加粗，<strong>重在强调。
五、<em>标签：也是表示强调，一般浏览器显示效果是斜体。
<em>标签也是一套标签。有首标签，必须有其尾标签。
在<em>与</em>之间的文字，显示为斜体文字。它的粗体效果，不大明显。 代码：
<DIV><FONT color=#ff0000 size=5 face=华文行楷><em>不断地修改属性属值，观察显示效果，是学习代码的捷径之一。</em></FONT></DIV>
效果：
不断地修改属性属值，观察显示效果，是学习代码的捷径之一。 六、<I>标签：斜体标签。
斜体标签也是一套标签。有首标签，必须有其尾标签。在<I>与</I>之间的文字，显示为斜体文字。
代码：
<DIV><FONT color=#ff0000 size=5 face=华文行楷><I>斜体文字，也挺美观的欧！</I></FONT></DIV>
效果：
斜体文字，也挺美观的欧！
七、<u>标签：下划线标签。
下划线标签也是一套标签。有首标签，必须有其尾标签。
在<u>与</u>之间的文字，显示为下划线文字。
代码：
<DIV><FONT color=#ff0000 size=5 face=华文行楷><U>下划线文字，会给文字的下方添加一条下划线。</U></FONT></DIV>
效果：
下划线文字，会给文字的下方添加一条下划线。 下划线文字容易与链接文字混淆，所以，不建议使用。只了解一下就行了。
八、 <nobr>标签：不换行标签。
不换行标签也是一套标签。有首标签，必须有其尾标签。
用“不换行标签”控制的内容，不会换行。
1、用不换行标签控制文字：
代码举例：
<DIV><FONT color=#ff0000 size=5 face=华文行楷><NOBR>学习代码重在运用。在360图书馆学习代码，就是要在文章编辑中，通过代码把自己发表的文章编辑得更工整，更规范，更精致，更漂亮。 </NOBR></FONT></DIV>
效果：因为这种效果的文字页面过宽，故略。你可用上面的代码自己测试显示效果。
2、用不换行标签控制图片：
代码举例：
效果：因为这种效果的图片页面过宽，故略。你可用上面的代码自己测试显示效果。
俗话说得好：会看的看个门头接道，不会看的看个红火热闹。学会代码知识，你就会分析别人制作的精美网页的门头接道啦，不然的话，只能看个红火热闹欧！ ——“春天没来”谨启 作业： 1、认识本节讲解的七种标签。
2、什么是空标签？说出几种常用的空标签。
3、应用文字标签与粗体标签制作一篇网页，观察其显示效果。再修改文字标签的文字颜色属性与字号属性，观察其显示效果。
4、应用文字标签与换行标签制作一篇网页，观察其显示效果。再修改文字标签的文字颜色属性与字号属性，观察其显示效果。
5、应用不换行标签制作一篇文字网页，观察其显示效果。
6、应用不换行标签制作一篇图片网页，观察其显示效果。
7、制作一篇文字网页，其中的某一行或者某一个段落，要应用斜体标签。
8、制作一篇网页，在网页代码中应用注释标签。
|
|
|
