html中常用的標籤
文字標籤和註釋標籤
* 文字標籤：修改文字的樣式
- <font></font>
- 屬性：
* size: 文字的大小 取值範圍 1-7,超出了7，預設還是7
* color：文字顏色
- 兩種表示方式
** 英文單詞：red green blue black white yellow gray......
** 使用十六進位制數表示 #ffffff : RGB
- 可以通過工具實現不同的顏色 #66cc66
* 註釋標籤
- html的註釋 ： <!-- html的註釋 -->
-----------------------------------------------------------------------------------------------------
標題標籤、水平線標籤和特殊字元
* 標題標籤
- <h1></h1> <h2></h2> <h3></h3> .......<h6></h6>
- 從h1到h6，大小是依次變小，同時會自動換行
* 水平線標籤
- <hr/>
- 屬性
** size: 水平線的粗細 取值範圍 1-7
** color: 顏色
- 程式碼
<hr size="5" color="blue"/>
* 特殊字元
- 想要在頁面上顯示這樣的內容 <html>:是網頁的開始！
- 需要對特殊字元進行轉義
* < <
* > >
* 空格
* & &
-----------------------------------------------------------------------------------------------------
列表標籤
- 比如現在顯示這樣的效果
傳智播客
財務部
學工部
人事部
** <dl> </dl>: 表示列表的範圍
** 在dl裡面 <dt></dt>: 上層內容
** 在dl裡面 <dd></dd>：下層內容
- 程式碼
<dl>
<dt>傳智播客</dt>
<dd>財務部</dd>
<dd>學工部</dd>
<dd>人事部</dd>
</dl>
- 想要在頁面上顯示這樣的效果
1. 財務部
2. 學工部
3. 人事部
a. 財務部
b. 學工部
c. 人事部
i. 財務部
ii. 學工部
iii. 人事部
** <ol></ol> : 有序列表的範圍
- 屬性 type：設定排序方式 1(預設) a A i I
** 在ol標籤裡面 <li>具體內容</li>
- 程式碼
<ol>
<li>財務部</li>
<li>學工部</li>
<li>人事部</li>
</ol>
<ol type="a">
<li>財務部</li>
<li>學工部</li>
<li>人事部</li>
</ol>
- 想要在頁面上顯示這樣的效果
特殊符號（方框） 財務部
特殊符號（方框） 學工部
** <ul></ul> : 表示無序列表的範圍
屬性： type: 空心圓circle 、實心圓disc 、實心方塊square ，預設disc
在ul裡面 <li></li>
- 程式碼
<ul>
<li>財務部</li>
<li>學工部</li>
<li>人事部</li>
</ul>
-----------------------------------------------------------------------------------------------
影象標籤（*******）
* <img src="圖片的路徑"/> 例如：<img src="img/zhou.gif" width="100" height="100"/>
- src: 圖片的路徑
- width：圖片的寬度
- height：圖片的高度
- alt: 圖片上顯示的文字，把滑鼠移動到圖片上，停留片刻顯示內容。當圖片路徑不對找不到圖片時候，圖片邊上會顯示文字
** 這個屬性用的很少，因為有些瀏覽器下不顯示（沒有效果）
李炎恢說：alt 當圖片不載入時顯示的備用內容