600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > (整理)HTML字体标记:标题字体 字体大小 物理字体 逻辑字体 字体颜色 客户端字体 字符实体

(整理)HTML字体标记:标题字体 字体大小 物理字体 逻辑字体 字体颜色 客户端字体 字符实体

时间:2019-07-06 19:24:40

相关推荐

(整理)HTML字体标记:标题字体 字体大小 物理字体 逻辑字体 字体颜色 客户端字体 字符实体

HTML字体标记

HTML字体标记包括:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体等.

1.标题字体:

<h#> ... </h#> #=1, 2, 3, 4, 5, 6

<h1 align="center">居中显示标题</h1>

<h1 style = "background-color:#ff0000;">设定标题背景颜色</h1>

2.字体大小:

<font size=#> </font>

#=1, 2, 3, 4, 5, 6, 7 or +#, -#

<basefont size=#> #=1, 2, 3, 4, 5, 6, 7,设置默认显示

3.物理字体:

<b> 粗体 </b>

<i> 斜体 </i>

<ins>下划线</ins>

<del>删除线</del>

<sub>下标字</sub>

<sup>上标字</sup>

<u>删除字<u>

4.逻辑字体:

<big>大号字</big>

<small>小号字</small>

<em>着重字体</em>

<strong>加强语气</strong>

<code> </code>

<samp> </samp>

<kbd> </kbd>

<var> </var>

<dfn> </dfn>

<cite> </cite>

指定“字体大小”的标记和“指定字体”的标记的组合使用

<i>

<font size=5>

<b>今天</b> 天气

<font size=6> 真好!</font>

</font>

</i>

5. 字体颜色:

指定颜色 <font color=#> ... </font>

6.客户端:

<font face="#, #, ..., #"> ... </font>

#=客户端可获得的字体

<font face="Arial, Helvetica"> Hellow World!</font>

7.字符实体:

使用格式:

&#; #=字符实体名称 或者 ascii 值

HTML2.0 的字符集

&amp; &&lt; <&gt; >&quot;"

综合实例代码:

<html><head></head><body><h1 style = "background-color:#ff0000;">This is heading 1(h1)</h1><h2 style = "background-color:#0000ff;">This is heading 2(h2)</h2><h3 align="center"> This is heading 3,此标题在页面中进行了居中排列</h3><h4>This is heading 4 (h4)</h4><h5>This is heading 5 (h5)</h5><h6>This is heading 6(h6)</h6><fontbase size=3> 默认设置三号字体显示<br /><font size=5>五号字体显示</font><br /> <br /><b> <font size=7>定义粗体的7号文本 </font> </b> <br /> <br /><i> <font color=red>定义斜体的红色(预定义色彩)文本</font> </i><br /> <br /><big>定义大号字</big><br /><small> 定义小号字</small> <br /><br /><em>定义着重文字</em><br /><strong>定义加重语气</strong><br /> <br /><ins>定义插入字</ins><br /><del> 定义删除字</del><br /><s>不赞成使用。使用 <del> 代替</s> <br /><u>不赞成使用。使用样式(style)代替</u><strike>不赞成使用。使用 <del> 代替</strike> <br /> <br /><sub> 定义下标字</sub><br /><sup>定义上标字</sup><br /> <br /><font face="Arial, Helvetica"> 客户端字体:Hellow World!</font><br /> <br />字符实体&<>"</body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。