HTML的文本格式标记

一，标题文字标记

功能：标题是一段文字内容的核心，可以通过设置不同大小的标题，增加文章的条理性。

格式：<hn align='对齐方式'>标题文字</hn>

属性：n表示标题字号的级别，可以是1~6之间的任意整数，数字越小，字号越大；align用来设置标题在页面中的对齐方式。

标题文字的应用

<p>这是一行普通的文字</p>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
..............

 二，文字字体标记

功能：该表网页中文字的字体，字号或颜色。

格式：<font face='字体'

           size='字号'

           color=‘颜色’>文字</font>。

属性：face定义文字的字体，如'face=黑体'表示黑体；size定义文字的字号

，用来设定文字的大小，其值为1~7的整数，值越大字越大；color定义文字的颜色

文字字体标记的应用

<p><font size='楷体_GB2312'>欢迎光临</font></p>
<p><font size='宋体'>欢迎光临</font></p>
<p><font size='黑体'>欢迎光临</font></p>
<p><font size='Times New Roman'>Welcome to my homepage!</font></p>
<p><font size='Arial Black'>Welcome to my homepage!</font></p>

      

三.文字修饰标记

功能：给文本增添一些特殊效果。例如

<b>......</b>:加粗文字

<i>.........</i>:倾斜文字

<u>........</u>:给文字加下划线

<strike>....</strike>:删除线

^.....：使文字成为前一个字符的上标

_......:使文字成为前一个字符的下标

<em>......</em>:强调文字，通常用斜体加黑体

<strong>......</strong>：特别强调的文字，通常也是斜体加黑体

四.段落标记

功能：设置文章段落的开始和结束。可以使用段落标记，它可以将标记后面的内容另起一段。

格式：<p align='水平对齐方式'>...</p>(左对齐，右对齐和居中)

五.强制换行符

功能：强行另起一行显示该标记后面的网页元素

格式：</br>

说明：这是一个单标记，与段落标记在显示效果上都是另起一行书写，但他们的不同之处是：段落标记的行距要宽

六.插入水平线标记

功能：在网页中插入一条水平线，用于页面上内容的分隔。

格式：<hr width ='value1'

size='value2'

align='value3'

color='color1' noshade

/>

七.预排格式标记

功能：保留文字在纯文本编辑器中的格式，原样显示，不受前面的文字格式和段落格式的影响。

格式：

<pre>要按预排格式显示的文本</pre>

 八.定位标记

功能：设置文字，图像，表格等的摆放设置。<div>标记的功能与<p>标记相似，但在为许多段落设置同样的对齐方式时比较方便。

定位标记的应用

九.列表标记

1.无序列表

        分段排列出一组级别相同的项目称为列表。如果在每段前面加上一个相同的符号，则称为无序列表；如果每段前面加上一个序号，则称为有序列表。

功能：设置无序列表

格式:<ul type ='加重符号类型'>

        <li type='加重符号类型'>列表项目1</li>

        <li type='加重符号类型'>列表项目2</li>

......

</ul>

 2.有序列表

功能：设置有序列表

格式：<ol type ='序号类型' start=‘起始符号’>

<li type='序号类型'>列表项目1</li>

<li type='序号类型'>列表项目2</li>

....

</ol>

属性：type属性表示在每个项目前显示的序号类型，其值可以为阿拉伯数字，大写英文字母

，小写英文字母，大写罗马字母，小写罗马字母。

无序列表和有序列表标记的应用对比

<ul>

<p>中国</p>

<li>北京</li>

<li>上海</li>

<li>广州</li>

</ul>

<ol>

<p>美国城市</p>

<li>华盛顿</li>

<li>芝加哥</li>

<li>纽约</li>

</ol>

 3.定义列表

功能：用于需要对列表条目进行简短说明的场合。

格式：<dl>

           <dt>列表条目1</dt>

           <dd>条目1的说明</dd>

           <dt>列表条目2</dt>

           <dd>条目二的说明</dd>

                .........

       </dl>

 十.文字滚动标记

功能：在页面中制造文字（或图像）滚动的效果

格式：

<marquee> behavior='value'
bgcolor='color'
direction='value'
height='value'
width='value'
loop='value'
scrollamount='value'
scrolldelay='value'
hspace='value'
vspace='value'>滚动文字
</marquee>

属性

behavior:设置文字滚动方式。共有三种滚动方式供选择：behavior='alternate'时，文字将来回滚动；behavior='scroll'时，文字将循环滚动；hehavior='side'时，文字将只滚动一次。

bgcolor:为滚动文字添加背景颜色

direction:设置文字滚动的方向，取值可以为up，down,left,right四种。

height和width：设置文字滚动的区域。

loop:设置文字滚动的次数。默认值为-1，-1表示无限次不断滚动。

scrollamount:设置文字滚动的速度，数值越大速度越快

scrolldelay:设置在每一次滚动的间隔产生一段事件的延迟。

hspace和vspace:设置文字滚动的水平垂直空间