当前位置:   article > 正文

HTML的文本格式标记_html用于设置文本的标记有哪些

html用于设置文本的标记有哪些

一,标题文字标记

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

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

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

标题文字的应用

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

 二,文字字体标记

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

格式:<font face='字体'

           size='字号'

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

属性:face定义文字的字体,如'face=黑体'表示黑体;size定义文字的字号

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

文字字体标记的应用

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

      

三.文字修饰标记

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

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

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

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

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

<sup>.....</sup>:使文字成为前一个字符的上标

<sub>......</sub>:使文字成为前一个字符的下标

<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>

 十.文字滚动标记

功能:在页面中制造文字(或图像)滚动的效果

格式:

  1. <marquee> behavior='value'
  2. bgcolor='color'
  3. direction='value'
  4. height='value'
  5. width='value'
  6. loop='value'
  7. scrollamount='value'
  8. scrolldelay='value'
  9. hspace='value'
  10. vspace='value'>滚动文字
  11. </marquee>

属性

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

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

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

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

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

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

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

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

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/92772
推荐阅读
相关标签
  

闽ICP备14008679号