重拾html-3-070121

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


【标题标签】

 

  1.  

  2. 使用方法:<h1>标题内容</h1>

     

  3. 标签解说:标题的大小一共有六种,两个标签一组,也就是从<h1>到<h6>,<h1>最大,<h6>最小。使用标题标签时,该标签会将字体变成粗体字,并且会自成一行。

     

  4. 使用范例:
    原始码呈现结果
    <h1>标题一</h1>

    标题一

    <h2>标题二</h2>

    标题二

    <h3>标题三</h3>

    标题三

    <h4>标题四</h4>
    标题四
    <h5>标题五</h5>
    标题五
    <h6>标题六</h6>
    标题六


【设定字体大小标签】

 

  1.  

  2. 使用方法:<font size=3>文字内容</font>

     

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

     

  4. 使用范例:
    原始码呈现结果
    <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>
    字体七


【字型变化标签】

 

  1.  

  2. 使用方法:<b>文字</b>

     

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

     

  4. 使用范例:
    原始码呈现结果
    <b>粗体</b>粗体
    <i>斜体</i>斜体
    <u>底线</u>底线
    <sup>上标</sup>上标
    <sub>下标</sub>下标
    <tt>打字机</tt>打字机
    <blink>闪烁</blink>(ie没效果) 闪烁
    <em>强调</em>强调
    <strong>加强</strong>加强
    <samp>范例</samp>范例
    <code>原始码</code>原始码
    <var>变数</var>变数
    <dfn>定义</dfn>定义
    <cite>引用</cite>引用
    <address>所在地址</address>
    所在地址


【文字颜色设定】

 

  1.  

  2. 使用方法:<font color="#fefecb">文字颜色</font>

     

  3. 标签解说:文字也可以设定 颜色喔!至于颜色有哪些....这....哪天我心血来潮再来做个色彩对应表吧!

     

  4. 使用范例:
    原始码呈现结果
    <font color="#ff0000">红</font>红色的字喔!
    <font color="#ff8000">橙</font>橙色的字喔!
    <font color="#ffff00">黄</font>黄色的字喔!
    <font color="#00ff00">绿</font>绿色的字喔!
    <font color="#0080ff">蓝</font>蓝色的字喔!
    <font color="#0000a0">靛</font>靛色的字喔!
    <font color="#8000ff">紫</font>紫色的字喔!
    <font color="#000000">黑</font>黑色的字喔!
    <font color="#c0c0c0">灰</font>灰色的字喔!

 

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

【文字字型设定】

 

  1.  

  2. 使用方法:<font face="字型名称">文字</font>

     

  3. 标签解说:网页上也可以使用字型喔!唯一的一个限制是:对方也要有该字型!否则看到的仍然还是宋体。另外要说明的是,这个标签并无法保证在每个浏览器上都能正常的显现,不过这并没有关系,看不到特殊的字型时,浏览器仍会以宋体来显示,所以不用怕会一团乱!

    另外,如果您的网页中有加上这一行叙述<meta http-equiv="content-type" content="text/html;charset=big5">(指定网页的语言格式,以后我会解释),那么,netscape可以正确显示出中文,但英文无反应。若没有加该行,那么英文会正确显示,但中文却仍是宋体。至于 ie 系列,均能正常显示。

     

  4. 使用范例:
    原始码呈现结果
    <font face="楷体_GB2312">楷体_GB2312</font>楷体_GB2312
    <font face="华康俪中黑">华康俪中黑</font>华康俪中黑


【特殊字元】

 

  1.  

  2. 使用方法:&nbsp;

     

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

     

  4. 使用范例:
    原始码呈现结果
    &nbsp;  (&nbsp;代表一个不断行空白)
    &lt;<
    &gt;>
    &amp;&
    &quot;"


【设定文字内定值大小】

 

  1.  

  2. 使用方法:<basefont size="1~7">

     

  3. 标签解说:这个标签可以改变文字大小的内定值,直接加在<body>标签之后就行了。一般而言,若是没有特别设定,文字大小内定值预定值为3。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值