■ 字體的設計
☉ 字體標籤：
|
標籤名稱 |
功能說明 |
|
<h#> |
標題字(Headlings) #=1( 最大 ) ~ 6(
最小 ) |
|
<font> |
字型設定 size=1~7 |
<b>
<strong> |
粗體字 |
<i>
<cite>
<em> |
斜體字 |
|
<u> |
文字加底線 |
<S>
<Strike> |
文字中間加橫線 |
|
*<hr> |
畫出水平線 |
ps : 標注 * 者，為單標籤 .
☉ 「h#」 vs.「 font」的差異
|
H# 標籤 |
Font 標籤 |
<h1>
|
<font size=1> |
<h2>
|
<font size=2> |
<h3>
|
<font size=3> |
<h4>
|
<font size=4> |
<h5>
|
<font size=5> |
<h6>
|
<font size=6> |
☉ 實作一 : 請找出 h# 和 font 還有其他兩個不同之處。(ps:
找段文章測試)
☉ 顏色實作 :
<font color="#0000FF" size=3> 藍色 </font>
☉ 實作二：請使用font顯示如下效果 :
■ 其他字型(Font style)變化
|
標籤名稱 |
功能說明 |
|
<big> |
大型字體 |
|
<small> |
小型字體 |
|
<sub> |
下標型文字, 如 : H2O |
|
<sup> |
上標型文字, 如：X2 |
|
<strike> |
文字中間加橫線 |
|
<blink> |
文字閃爍(只有Firefox支援) |
|
<marquee> |
(瀏覽器支援) 但官網沒有的爭議. |
☉ 實作：X^2+2X+1=0
■ 段落變化
|
標籤名稱 |
功能說明 |
|
<pre> |
Preformatted 照文字內容格式化 |
<div align="center">
內容
</div>
|
利用<div>標籤
置中
|
■ 尾標籤的影響
<html>
<head>
<title>標籤對應測試</title>
</head>
<body bgcolor="#000000"
text="#00ff00">
<font color="white" size=3 > T1
<font color="yellow">T2</font>
T3</font>
</body>
</html>
請寫下T1、T2、T3、T4分別是什麼顏色？
■ 其他
☉ 註解：一般置於<body>.....</body>中
註解是一種用來說明內容的敘述，但是註解的敘述不會顯示在網頁的內容。
只有在瀏覽原始碼時，才能看得到註解的敘述。
<!-- 註解說明之內容 -->
☉ 特殊符號
< 代表 "＜"
> 代表 "＞"
& 代表 "＆"
