文字的標記:

請連按2次圖示,

以開啟index.htm,

並按【檢視/原始檔】,然後加入如下面左邊的內容,結果將如右圖所示

<html>
<title>文字的測試</title>
<body>
<b>加粗的</b>
<i>變斜體字</i>
<u>加底線</u>
<font>什麼效果?</font>
什麼都不加時

</body>
</html>

你將會發現,加粗,變斜體字,加底線都有效,但是<font></font>卻沒什麼效果呢?

原來,<font></font>還有更小的設定!

請加入如下內容,注意紅字部分!

<html>
<title>文字的測試</title>
<body>
<b>加粗的</b>
<i>變斜體字</i>
<u>加底線</u>

<font size=7>什麼效果?</font>
什麼都不加時

</body>
</html>

原來如此,font如果要有效果,必須配合更小的設定,例如size大小,color顏色。

size的值為1到7,1最小,7最大。未設定時,3是預設值。

1 2 3 未設定 4 5 6 7

 

>>另外,顏色的設定比較麻煩!必須先>>認識16進位!及如何表示顏色

若是想加顏色,加上如下所示,注意要有「#」號喔!

<html>
<title>文字的測試</title>
<body>
<b>加粗的</b>
<i>變斜體字</i>
<u>加底線</u>

<font size=7 color=#FF0000>什麼效果?</font>
什麼都不加時

</body>
</html>

自己試試看其他的顏色吧!