HTML學習第二天
學習內容：
1.向頁面標題添加圖標，在head標簽中添加：<link rel="shortcut icon" href="圖標地址">
1 <head> 2 <meta charset="utf-8" > 3 <title>添加圖標</title> 4 <link rel="shortcut icon" href="logo.ico"> 5 </head>
2.圖片標簽：<img src="圖片地址" title="文字" alt="文字">
（1）title屬性：當鼠標懸停在圖片上時，顯示文字。
1<img src="img.png title="這是一張圖片">
（2）alt屬性：當圖片無法正常顯示時，顯示文字。
1 <img src="img.png" alt="這是一張圖片">
3.圖片路徑：絕對路徑；相對路徑
（1）絕對路徑：引入圖片的位置，例如E:\圖片\123.png
1 <img src="E:\圖片\123.png">
絕對路徑不建議使用
（2）相對路徑：相對當前HTML文件的路徑
A. / windows盤符 圖片和html文件在同級目錄時可以省略
1 <img src="/img/下載.jpg" alt="紅點">
B. ../代表html文件的上一級目錄
1 <img src="../img/下載.jpg">
C. ./代表當前文件目錄，可以省略
1 <img src="whole_看圖王.png">
4.超鏈接標簽： <a href="" target=""></a>
（1）href屬性：填寫鏈接路徑，即可跳轉至路徑網頁，當路徑文件瀏覽器無法打開時，例如zip格式文件，那該文件將會被下載
1 <a href="../img/下載.zip">下載</a>
（2）target屬性：_blank：在當新頁面打開鏈接；_self：在當前頁面打開鏈接
5.錨點鏈接：<a name="值">跳轉位置</a><a href:"路徑#name值">跳轉鏈接</a>
對第一個a標簽指定一個name值，另第二個a標簽的href填寫路徑#name值，可以實現點擊第二個a標簽跳轉至第一個a標簽的位置，當路徑為其他HTML頁面時，可以實現跨頁面跳轉
1 <a name="demo">這是跳轉地點</a> 2 <a href="../html/classD1.html#demo" target="_self">跳轉至昨天的頁面的demo位置</a>
ps:可以對一個標簽例如p制定一個id，#id即可實現跳轉至該標簽
1 <a href="#p">跳轉至P</a> 2 <p id="p">12345</p>
6.表格：<table><tr><td></td></tr></table> tr定義行，td定義列，常用屬性有cellspacing;cellpadding;border;colspan;rowspan
（1）cellspacing控制單元格之間的距離，用於table標簽
1 <table cellspacing="10px"><tr><td></td></tr></table>
（2）cellspacing控制單元格內數據與單元格之間的距離，用於table標簽
1 <table cellpadding="10px"><tr><td></td></tr></table>
（3）border控制這個單元格邊框的有無、粗細，用於table標簽
（4）colspan為列合並，rowspan為行合並,用於td標簽
1 <table border="1px"> 2 <tr> 3 <td colspan="2">123</td> 4 </tr> 5 <tr> 6 <td>456</td><td rowspan="2">789</td> 7 </tr> 8 <tr> 9 <td>101112</td> 10 </tr> 11 </table>
（5）表格內可以嵌套表格
1 <table> 2 <tr> 3 <td> 4 <table> 5 <tr> 6 <td></td> 7 </tr> 8 </table> 9 </td> 10 </tr> 11 </table>
2018.02.01
HTML學習第二天