重拾html-3-070121

最新推荐文章于 2023-01-17 15:56:44 发布

原创最新推荐文章于 2023-01-17 15:56:44 发布 · 818 阅读

CC 4.0 BY-SA版权

文章标签：

13 篇文章

订阅专栏

本文详细介绍了HTML中用于设置字体大小、颜色、字型及特殊字符的标签使用方法，包括标题标签、字体大小标签、字型变化标签、文字颜色设定、文字字型设定等。

4.4 字体标签 <回细说索引>

【标题标签】

使用方法：<h1>标题内容</h1>
标签解说：标题的大小一共有六种，两个标签一组，也就是从<h1>到<h6>，<h1>最大，<h6>最小。使用标题标签时，该标签会将字体变成粗体字，并且会自成一行。
使用范例：

原始码呈现结果
<h1>标题一</h1>
标题一

<h2>标题二</h2>
标题二

<h3>标题三</h3>
标题三

<h4>标题四</h4>
标题四

<h5>标题五</h5>
标题五

<h6>标题六</h6>
标题六

【设定字体大小标签】

使用方法：<font size=3>文字内容</font>
标签解说：标题的大小一共有七种，也就是<font size=1>（最小）到<font size=7>（最大），另外，还有一种写法：<font size=+1>文字内容</font>，其意思就是说：比预设字大一级。当然也可以 font size=+2（比预设字大二级），或是 font size=-1（比预设字小一级），以一般而言，预设字体多为 3。

使用范例：

原始码	呈现结果
<font size=1>字体一</font> 或是 <font size=-2>字体一</font>	字体一
<font size=2>字体二</font> 或是 <font size=-1>字体二</font>	字体二
<font size=3>字体三</font> 或是 <font size=+0>字体三</font>	字体三
<font size=4>字体四</font> 或是 <font size=+1>字体四</font>	字体四
<font size=5>字体五</font> 或是 <font size=+2>字体五</font>	字体五
<font size=6>字体六</font> 或是 <font size=+3>字体六</font>	字体六
<font size=6>字体七</font> 或是 <font size=+4>字体七</font>	字体七

【字型变化标签】

使用方法：<b>文字</b>
标签解说：在文字标签里，对于文字的格式也有相当多的变化，如粗体、斜体...等，此外，也定义了一些现成的格式供编者使用，如‘强调’、‘原始码’...等，当然，这只是方便您参考用，并无强迫说遇到原始码就要加上‘原始码’的标签。

使用范例：

【文字颜色设定】

使用范例：

4.5 文字标签 <回细说索引>

【文字字型设定】

使用方法：<font face="字型名称">文字</font>
标签解说：网页上也可以使用字型喔！唯一的一个限制是：对方也要有该字型！否则看到的仍然还是宋体。另外要说明的是，这个标签并无法保证在每个浏览器上都能正常的显现，不过这并没有关系，看不到特殊的字型时，浏览器仍会以宋体来显示，所以不用怕会一团乱！
另外，如果您的网页中有加上这一行叙述<meta http-equiv="content-type" content="text/html;charset=big5">（指定网页的语言格式，以后我会解释），那么，netscape可以正确显示出中文，但英文无反应。若没有加该行，那么英文会正确显示，但中文却仍是宋体。至于 ie 系列，均能正常显示。
使用范例：

原始码呈现结果
<font face="楷体_GB2312">楷体_GB2312</font> 楷体_GB2312
<font face="华康俪中黑">华康俪中黑</font> 华康俪中黑

【特殊字元】

使用方法： 
标签解说：很多特殊的符号是需要特别处理的，比如说" < "、" > "这两个符号若想要呈现在网页上是没有办法直接打" < "的，要呈现" < "必须输入编码表示法：“<”，常用的如下：
使用范例：

原始码呈现结果
  ( 代表一个不断行空白)
< <
> >
& &
" "