HTML基礎教學之文字修飾標籤

HTML文字修飾標記

  • # <b></b>:加粗bold。如:<b>HTML檔</b>

  •  <i></i>:斜體italic。如:<i>HTML文字</i>

  • # <u></u>:底線underline。如:<u>HTML文字</u>

  • # <s></s>:刪除線strike。如:<s>刪除線</s>

  • #<sup></sup>上標。

  •  <sub></sub>下標。

  •  <font></font>字體標記

  •  Size:文字大小,取值1- 7。1小,7大。

  •  Color:顏色值。

  • Face:字體,楷體、黑體、宋體。

來看一個下標的實例

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>这是我们的第一个页面</title>
    </head>
    <body>
      <font size="5">X<sup>6</sup> + Y<sub>5</sub> =100</font>  
    </body>
</html>

學了這麼多,來寫一些好玩的東西吧

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>这是我们的第一个页面</title>
    </head>
    <body bgcolor="#88dd66">
 <font size="7" color="" face="楷体">行路难.其一</font><br>
<font size="4" color="yellow" face="楷体">
金樽清酒斗十千,玉盘珍羞直万钱。<br>
停杯投箸不能食,拔剑四顾心茫然。<br>
</font>
<font size="3" color="red" face="宋体">
欲渡黄河冰塞川,将登太行雪满山。<br>
闲来垂钓碧溪上,忽复乘舟梦日边。<br>
    </font>
<b>行路难!行路难!</b><i>多岐路,今安在?</i><br>
<u>长风破浪会有时,直挂云帆济沧海</u><br>
    </body>
</html>


#
繼續學習
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <font size="5">X<sup>6</sup> + Y<sub>5</sub> =100</font> </body> </html>