HTML字体及颜色设置

字体(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

转载于:https://www.cnblogs.com/solocao/p/3818617.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值