HTML字型及顏色設定

來源:互聯網
上載者:User

標籤:style   http   color   使用   strong   width   

字型(FONT)標記(TAGS)

標題字型(Header)

<h#> ... </h#> #=1, 2, 3, 4, 5, 6<h1>今天天氣真好!</h1> 今天天氣真好!<h2>今天天氣真好!</h2> 今天天氣真好!<h3>今天天氣真好!</h3> 今天天氣真好!<h4>今天天氣真好!</h4> 今天天氣真好!<h5>今天天氣真好!</h5> 今天天氣真好!<h6>今天天氣真好!</h6> 今天天氣真好!

    • <hn>---</hn> 這些標記顯示黑體字。
    • <hn>---</hn> 這些標記自動插入一個空行,不必用 <p>標記再加空行。
      因此在一行中無法使用不同大小的字型。
    • 字型大小<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#,-#
      <basefont size=#> #=1, 2, 3, 4, 5, 6, 7

      <font size=7>今天天氣真好!</font> 今天天氣真好!

      <font size=6>今天天氣真好!</font> 今天天氣真好!

      <font size=5>今天天氣真好!</font> 今天天氣真好!

      <font size=4>今天天氣真好!</font> 今天天氣真好!

      <font size=3>今天天氣真好!</font> 今天天氣真好!

      <font size=2>今天天氣真好!</font> 今天天氣真好!

      <font size=1>今天天氣真好!</font> 今天天氣真好!

       

       

       物理字型(Physical Style)

      <b>今天天氣真好!</b> 今天天氣真好!

      <i>今天天氣真好!</i> 今天天氣真好!

      <u>今天天氣真好!</u> 今天天氣真好!

      <tt>今天天氣真好!</tt> 今天天氣真好!

      <sup>今天天氣真好!</sup> 今天天氣真好!

      <sub>今天天氣真好!</sub> 今天天氣真好!

      <s>今天天氣真好!</s> 今天天氣真好!

      <strike>今天天氣真好!</strike> 今天天氣真好!

       

       

       邏輯字型(Logical Style)

      <em>今天天氣真好!</em> 今天天氣真好!

      <strong>今天天氣真好!</strong> 今天天氣真好!

      <code>今天天氣真好!</code> 今天天氣真好!

      <samp>今天天氣真好!</samp> 今天天氣真好!

      <kbd>今天天氣真好!</kbd> 今天天氣真好!

      <var>今天天氣真好!</var> 今天天氣真好!

      <dfn>今天天氣真好!</dfn> 今天天氣真好!

      <cite>今天天氣真好!</cite> 今天天氣真好!

      <small>今天天氣真好!</small> 今天天氣真好!

      <big>今天天氣真好!</big> 今天天氣真好!

       

       

       指定“字型大小”的標記和“指定字型”的標記的組合使用<i><font size=5> <b>今天</b> 天氣<font size=6> 真好!</font></font></i>

      今天 天氣 真好!

       字型顏色

    • 指定顏色 <font color=#> ... </font>
      #=rrggbb 16 進位數位,或者是下列預定義色彩:
      Black, Olive,Teal, Red, Blue,Maroon, Navy,Gray, Lime, 
      Fuchsia, White,Green, Purple,Silver, Yellow,Aqua

      <font color=ffffff>Fuchsia</font> & 
      <font color=white>Fuchsia</font>

      Fuchsia& Fuchsia

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.