模塊回顧

1.img標簽及其屬性

2.錨及超鏈接

3.table及其屬性

一、img標簽及其屬性

1.img標簽定義圖像<img src="" >

2.src屬性是鏈接要顯示圖像的URL。src="當前圖片文件的路徑，默認選取html文件所在文件夾"

3.alt屬性是定義有關圖形的短的描述。alt="當圖片報錯無法顯示時顯示的文字"

4.title屬性是顯示鼠標放在圖片時顯示的文字

5.絕對路徑和相對路徑

①絕對路徑：是指目錄下的絕對位置，直接到達目標位置，通常是從盤符開始的路徑。

②相對路徑：是指由這個文件所在的路徑引起的跟其它文件（或文件夾）的路徑關系。

/(window 盤符 代表當前文件夾的根目錄)
../ (代表當前文件夾的上一級目錄)
./ （當前文件目錄 可省略）

二、錨及超鏈接

1.超鏈接a標簽，它用於從一個頁面連接到另一個頁面。<a href="要連接的地址路徑" style="text-decoration: none;color:文字顏色">超鏈接名稱<a> <!--text-decoration: none;取消超鏈接的下劃線，如果沒有路徑可以用#代替-->，target屬性定義新鏈接打開的位置，打開方式掌握兩種：._blank 在新窗口中打開連接，._self 在當前頁面打開連接

2.錨點通常用a標簽來表示，如果沒有<a>元素沒有href屬性的話，可以作為原本鏈接位置的占位符，常用於home鏈接，

錨點鏈接：
首先創建一個標記
<a name="標記值">這是Top</a>
然後定位
<a href="#標記值">Top置頂</a>

如果是不同文件地址的鏈接

<a name="標記值">hello</a>
然後定位
<a href="所要跳轉文件地址#標記值（一般用字母）">hello</a>

三、table及其屬性

1.table定義表格，

<table border="1px(顯示的邊框寬度)" with="" height="" cellspacing="設置單元格與單元格之間的距離" cellpadding="這只單元格中的內容與邊框的距離"
 
>

<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<tr>一行
<td>一列</td>
</tr>

HTML實訓知識分享Day02