HTML學習筆記 2018-11-13（21:17）
一、圖形標籤
1.（img）
img標籤：圖片標籤，用於頁面上引入圖片。
常用屬性：
src： 設定要引入的圖片url(路徑)
alt： 設定影象的替代文字，如果圖片找不到，或者不存在，替代文字才會出現。
width： 設定圖片的寬度。
height： 設定圖片的高度。
border： 圖片邊框厚度。
例如：

     <img src="img/xxx.jpg"  alt="圖片失靈顯示我"  width="500" height="500" border="5"/>

二、連線標籤
a標籤：連結標籤，用於定義超連結。從一個頁面連結到另一個頁面。
常用屬性：
href：設定連結指向的頁面URL路徑。注意路徑如果訪問外網要加(http:// 或 https://)
name：設定錨的名稱。
target：設定在何處開啟連結頁面。（_blank是在新頁面中開啟）

   例如：
   
   <a href="https://www.csdn.net">CSDN論壇（在本頁面開啟）</a>
   <a href="https://www.csdn.net" target="_blank">CSDN論壇（在新頁面開啟）<a/>

CSDN論壇（在本頁面開啟）
CSDN論壇（在新頁面開啟）

三、表格標籤
1.（table）
table標籤：定義表格
常用屬性：
align:設定表格的對齊方式。
bgcolor：設定表格的背景顏色。
border：設定表格邊框的寬度。
width： 設定表格的寬度。

2.（tr）
tr標籤：定義表格的行，包含一個或多個th或td元素。
常用屬性：
align：設定表格中行的內容對齊方式。
bgcolor：設定表格中行的背景顏色。
3.（td）
td標籤：定義表格中的單元格。
td元素中的文字一般顯示為正常字型且左對齊。
常用屬性：
align：設定單元格內容的對齊方式。
bgcolor：設定單元格背景顏色。
height：設定單元格的高度。
width：設定單元格的寬度。
colspan：設定單元格的列合併
rowspan：設定單元格的行合併。
例如：

<table border="1" width="100%" align="center">
<tr >
    <th >名字</th>
    <th>樣貌</th>
    <th>產地</th>
</tr>
<tr align="center">
    <td>老王</td>
    <td>還中</td>
    <td>秦皇島</td>
</tr>
<tr align="center">
    <td rowspan="2">老宋</td>
    <td>還中</td>
    <td>廊坊</td>
</tr>
<tr align="center">
    <td>還中</td>
    <td>張家口</td>
</tr>
<tr align="center">
    <td colspan="2">www.baidu.com</td>
    <td>1</td>
</tr>
</table>
 

還沒完。明天繼續！