一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

Lesson01_04 格式标签与文本标签

时间:2026-05-28 15:30:01 编辑:袖梨 来源:一聚教程网

段落标签:<p></p>

代码:<P ALIGN=RIGHT>右对齐的一段</P>效果:

右对齐的一段

代码:<P ALIGN=LEFT>左对齐的一段</P>效果:

左对齐的一段

代码: <P ALIGN=CENTER>居中对齐的一段</P>效果:

居中对齐的一段

换行标签:<BR>

例:代码:这是第一行<BR>这是第二行效果:这是第一行这是第二行

强制不换行:<NOBR>不想让换行的内容</NOBR>

注:加在其中的内容不会因为浏览器的变化而换行

缩进显示:<BLOCKQUOTE></BLOCKQUOTE>

代码:<BLOCKQUOTE>想要缩进的内容</BLOCKQUOTE>效果:
想要缩进的内容
代码:<BLOCKQUOTE><BLOCKQUOTE>想要缩进的内容</BLOCKQUOTE></BLOCKQUOTE>效果:
想要缩进的内容

居中显示:<CENTER></CENTER>

代码:<CENTER>www.loncer.cn</CENTER>效果:
www.loncer.cn

移动显示:<MARQUEE></MARQUEE>

两个属性:1、BEHAVIOR(设置移动的方式)代码效果<MARQUEE BEHAVIOR="SLIDE">www.loncer.cn</MARAUEE>www.loncer.cn<MARQUEE BEHAVIOR="SCROLL">www.loncer.cn</MARAUEE>www.loncer.cn<MARQUEE BEHAVIOR="AlterNATE">www.loncer.cn</MARAUEE>www.loncer.cn2、DIRECTION(设置移动的方向)代码效果<MARQUEE DIRECTION="LEFT">www.loncer.cn</MARAUEE>www.loncer.cn<MARQUEE DIRECTION="RIGHT">www.loncer.cn</MARAUEE>www.loncer.cn<MARQUEE DIRECTION="DOWN">www.loncer.cn</MARAUEE>www.loncer.cn<MARQUEE DIRECTION="UP">www.loncer.cn</MARAUEE>www.loncer.cn

列表:<DL></DL> <DT></DT>< DD></DD><UL></UL> <OL></OL> <LI> </<LI>

代码效果<DL>
<DT>中国城市</DT>
<DD>武汉</DD>
<DD>上海</DD>
<DD>太原</DD>
<DT>美国城市</DT>
<DD>华盛顿</DD>
<DD>芝加哥</DD>
<DD>纽约</DD>
</DL>中国城市 武汉 上海 太原 美国城市 华盛顿 芝加哥 纽约<OL>
<LI>武汉>/LI>
<LI>上海>/LI>
<LI>太原>/LI>>
</OL> 武汉 上海 太原 <UL>
<LI>武汉>/LI>
<LI>上海>/LI>
<LI>太原>/LI>>
</UL>武汉 上海 太原

预格式化:<PRE></PRE>

写字版中的显示效果没有用<PRE></PRE>标签的效果用了<PRE></PRE>标签效果
这是一段文字: this ismyibm thinkpad!
this is my ibm thinkpad!代码:
<PRE>这是一段文字: this ismyibm thinkpad!<PRE>
效果:
这是一段文字: this ismyibm thinkpad!

文本标签

标题标签:从大到小:<H1></H1> <H2></H2> ……<H6></H6>

代码效果<H1>这就是标题文字</H1>

这就是标题文字

<H2>这就是标题文字</H2>

这就是标题文字

<H3>这就是标题文字</H3>

这就是标题文字

<H4>这就是标题文字</H4>

这就是标题文字

<H5>这就是标题文字</H5>
这就是标题文字
<H6>这就是标题文字</H6>
这就是标题文字

粗体标签:<B></B>

代码:<B>哈哈哈哈哈……</B>效果:哈哈哈哈哈……

打印机方式显示标签:<TT></TT>

代码:<TT>哈哈哈哈哈……</TT>效果:哈哈哈哈哈……

引用方式来显示标签:<CITE></CITE>

代码:<CITE>哈哈哈哈哈……</CITE>效果:哈哈哈哈哈……

斜体标签:<I></I>

代码:<I>哈哈哈哈哈……</I>效果:哈哈哈哈哈……

下划线标签:<U></U>

代码:<U>哈哈哈哈哈……</U>效果:哈哈哈哈哈……

强调的文本显示标签(斜体加粗体):<EM></EM>

代码:<EM>哈哈哈哈哈……</EM>效果:哈哈哈哈哈……

加重的文本显示标签(黑体加粗体):<STRONG></STRONG>

代码:<STRONG>哈哈哈哈哈……</STRONG>效果:哈哈哈哈哈……

下标标签:<SUB></SUB>

代码:我是<SUB>哈哈哈哈哈……</SUB>效果:我是哈哈哈哈哈……

上标标签:<SUP></SUP>

代码:我是<SUP>哈哈哈哈哈……</SUP>效果:我是哈哈哈哈哈……

FONT标签(斜体加粗体):<FONT></FONT>

三个重要的属性:1、FACE(字体)2、SIZE(大小从-7到+7:显示从小到大) 代码效果<FONT SIZE=-7>-7</FONT>-7<FONT SIZE=+7>+7</FONT>+73、COLOR(颜色) 代码效果<FONT COLOR=#FF0000>红色</FONT>红色<FONT COLOR=RED>还是红色</FONT>还是红色

热门栏目