Lesson01_04 格式标签与文本标签
2007-02-09 00:00
288 查看
段落标签:<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、BEH***IOR(设置移动的方式)
代码
效果
<MARQUEE BEH***IOR="SLIDE">www.loncer.cn</MARAUEE>
www.loncer.cn
<MARQUEE BEH***IOR="SCROLL">www.loncer.cn</MARAUEE>
www.loncer.cn
<MARQUEE BEH***IOR="AlterNATE">www.loncer.cn</MARAUEE>
www.loncer.cn
2、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 is
my
ibm thinkpad!
this is my ibm thinkpad!
代码:
<PRE>这是一段文字: this is
my
ibm thinkpad!<PRE>效果: 这是一段文字: this is
my
ibm 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>
还是红色
代码:<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、BEH***IOR(设置移动的方式)
代码
效果
<MARQUEE BEH***IOR="SLIDE">www.loncer.cn</MARAUEE>
www.loncer.cn
<MARQUEE BEH***IOR="SCROLL">www.loncer.cn</MARAUEE>
www.loncer.cn
<MARQUEE BEH***IOR="AlterNATE">www.loncer.cn</MARAUEE>
www.loncer.cn
2、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 is
my
ibm thinkpad!
this is my ibm thinkpad!
代码:
<PRE>这是一段文字: this is
my
ibm thinkpad!<PRE>效果: 这是一段文字: this is
my
ibm 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>
还是红色
相关文章推荐
- Lesson01_04 格式标签与文本标签
- HTML学习笔记(2)--文本格式标签
- HTML(格式,文本标签)
- jsp输出xml内容的字符串,保证标签输出成文本,保证换行空格缩进格式
- html5 - 基础格式认识和标签用法(文本元素常用方法)
- HTML(格式,文本标签)
- jeecms txt 文本 默认带<p>标签 如何变成纯文本 不要任何格式
- 8. HTML 文本格式化 (预格式, 计算机输出标签, 地址, 缩写和首字母, 文字方向, 块引用, 删除字效果和插入字效果)
- HTML基础(2) 格式标签 文本标签
- 【github notepad】QT 标签的快速切换、文本特殊格式清除
- div+pre标签的组合实现文本原格式显示与自动换行
- 前端处理后台返回带格式的文本之textarea标签使用技巧
- 把生成标签的文本转化成lmdb格式
- div+pre标签的组合实现文本原格式显示与自动换行
- 用textarea标签存取文本,格式不变显示的解决方案(绝对有效!!!)
- HTML基础知识(三)--文本格式标签
- html入门教程(二)html文本标签:段落、格式、预留格式、缩写与地址、引用
- html的基础标签,文本格式,链接
- delphi Caption 垂直显示标签文本
- 爬虫奇遇记——如何按照标签的文本内容来抓取