2022年HTML的排版标记CSSHTML教程.docx

《2022年HTML的排版标记CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年HTML的排版标记CSSHTML教程.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年HTML的排版标记CSSHTML教程 排版标记<!-注解-> ； <P> ； <BR> ； <HR> ； <CENTER> ； <PRE> ； <DIV> ； <NOBR> ； <WBR> ；欲明白本篇之标记分类，请看 。也请先明白围堵标记与空标记的分别，请看 。<!-注解->：Top像许多电脑语言一样，HTML 也供应注解功能。阅读器将忽视此标记中的文字（可以是 许多行）而不作显示，一般运用目的：为文中不同的部分加上说明，便利日后修改。这对较困难或非私人网页尤其重

2、要，它不单提示自己也提示其他同事这部分 做什么、那部份做什么。例子：<!-由这里起先是产品订购表格->用作版权声明。假如你不希望别人运用或复制你的网页，可加上警告字句。例子：<!-本文版权为 2000, FortuneAge 全部，未经许可，请勿抄摘-> <P> ：Top<P> 称为段落标记。作用：留一空白行。原来<P>是一个围堵标记，标于一段落的头尾，但从 HTML 2.0 起先已不须要</P>作结尾。<P> 的常用参数： 如：<p align=center> align=center可选值：ri

3、ght, left, center。默认值： align=left 例子： 原代码Here is the text for my paragraph. It doest matter how long it is,how many space are between the words or when I decide to hit the return key.It will create a new paragraph only when I begin the tag with another one.<P>Heres the next paragraph. 显示结果Here

4、 is the text for my paragraph. It doest matter how long it is, how many space are between the words or when I decide to hit the return key. It will create a new paragraph only when I begin the tag with another one. Heres the next paragraph. <BR> ：Top<BR>称为换行标记。作用：令其后的内容在下一行显示。由于阅读器会自动忽视原

5、代码中的空白和换行的部分，这使得<BR>成为最常用的标记之一 。 因为无论你在原代码中编好了多美丽的文章，若不适当地加上换行标记或段落标记， 阅读器只会将它显示成一大段。 错误示范： 原代码566 E Boston Post RDMamaroneck NY 10543-9982United States of America 显示结果566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America 正确例子： 原代码566 E Boston Post RD<BR>Mamaroneck NY 10

6、543-9982<BR>United States of America 显示结果566 E Boston Post RDMamaroneck NY 10543-9982United States of America <HR> ：Top<HR>称为水平线。作用：插入一条水平线。<HR> 的参数修改：以： <HR align=LEFT size=2 width=70% color=#0000FF noshade> 为例。 align=LEFT设定线条摆放位置，可选择：left；right；center 三种设定值。size=2设定线条

7、的厚度，以像素作单位，内定为 2。width=70%设定线条长度，以像素作单位，可以是肯定或相对值，内定为 100%。color=#0000FF （只适用于IE）设定线条颜色，内定为黑色。 #0000FF 代表蓝色，也可以采纳颜色的名称，即 text=blue 。各种颜色的值及名称请参考一节。noshade设定线条为平面显示，若删去则具阴影，这是内定值。 例子： 原代码<HR><HR align=LEFT size=4><HR align=LEFT size=2 width=70% color=#0000FF noshade><HR align=LEF

8、T size=4 width=70 color=#008000> 显示结果 <CENTER> ：Top<CENTER>称为居中标记。作用：令置中对齐。你会发觉许多的标记已有 align=CENTER 的参数，<CENTER>好像是多余了，事实上它还是常用的标记之一，其简洁易用 ，常用于文字，对于已加有 align=CENTER 参数的 <TABLE> 标记也不要厌其烦 地加上居中标记，因为许多阅读器不支持<TABLE> 标记中的 align=CENTER 参数。 例子： 原代码<CENTER>Chriss First

9、 Homepage</CENTER><CENTER>Whats new</CENTER><CENTER>My profile</CENTER> 结果Chriss First Homepage Whats new My profile <PRE> ：Top<PRE>称为预设格式标记。作用：令文字根据原代码的方式显示。这标记允许保留你在原代码中输入的空白和回车。细看以下例子你便可体会到此标记的 威力。除了运用一大堆表格标记之外你只有采纳这标记才能有此效果。 能以<PRE>标记产生对齐效果，或产生多于一行

10、的空白才算上乘！ 例子： 原代码<pre>Creation of Webpage Log Analysis IComposer Learning 459 407 480 522 547 586 673HTML Advanced 200 268 296 358 385 453 506</pre>显示结果 Creation of Webpage Log Analysis IComposer Learning 459 407 480 522 547 586 673HTML Advanced 200 268 296 358 385 453 506 <DIV> ：To

11、p<DIV>称为定位标记。作用：设定文字表格等摆放位置。<DIV>应用在 Style Sheet（样式表）方面更显威力，它最终目的是给设计者另一种组织 实力，有 Class ; Style ; title ; ID 等属性，将于一节才作详述，这里只作一个 属性设定。以 <DIV align=center> 为例： align=center可选值：center ; left ; right 。确定对齐方向。<DIV align=center> 的作用和居中标记 <CENTER>一样，前者是由 HTML3.0 起先 的标准，后者是通用已久的标示法。 例子： 原代码<DIV align=center>Chriss First Homepage<br>Whats new<br>My profile</DIV> 显示结果Chriss First HomepageWhats newMy profile