天的主要分享的是一些最基本、最常用的標簽：<img/>、<a></a>、<table></table>、<ul></ul>，以及文件路徑。

首先，先來了解一下<img/>標簽，它表示圖片標簽，在頁面中會出現很多的圖像，主要的編碼方式就是通過<img/>來實現的；那是怎么實現的呢？它通過一些自己的屬性來規定了這個圖像的樣式，要實現一個圖像最基本的屬性有 src屬性、width屬性、height屬性、alt屬性，詳解一下他們的屬性分別是做什么的，是實現圖像的哪一個部分的？

src屬性：就是你要放置圖像，該圖像的文件路徑，你的文件是放在C盤里面的文件還是D盤里面的文件，那么src就是這個圖像的路徑；

width屬性：就是你的圖像的寬度，同理height就是圖像的高度；

alt屬性：是指一種提示，比如你的鼠標在移動到你的圖片的時候或有文字提示、或者因為某種原因圖片不能正常顯示的時候，會有直接文字提示；

完整的語法：<img src="圖像路徑" width="100px" height="100px" alt="提示"/>

接下來，我們分享<a></a>鏈接標簽，它是一個能夠實現跳轉的標簽，在小編還是沒有完全總結<a>標簽的情況下，可以先簡單的可以理解為從一個頁面跳轉到另外一個頁面。要實現一個跳轉也是需要它自有的一些屬性來完成，href屬性，target屬性，name屬性。解一下他們的屬性分別是做什么的，是實現跳轉的哪一個部分的？

href屬性：就是你要跳轉到哪個頁面，就是這個頁面的路徑；

target屬性：就是你要跳轉的網頁的打開方式，它有自己的備選答案，其中_blank代表在新的標簽中打開，_self代表在當前頁面中打開（這個是缺省值）

name屬性：就是定義錨點名稱（只有當<a>標簽當做錨點使用時需要該屬性）

完整的語法：<a href="網頁路徑" target=“_blank”></.a>

總結一下<a>標簽常用的表現形式（作用）

1、網頁面間跳轉

<a href="頁面路徑"></a>

2、頁面上的文檔(資源)下載

<a href="資源路徑"></a> 其中：資源路徑是指非html,htm,txt的資源，一般常見有為壓縮包形式 <a href="xxx.rar">下載</a>

3、返回頁面頂部的空連接

<a href="#">返回頂部</a> 跳轉到本頁(一般在開發、測試階段使用)

4、電子郵件鏈接

<a href="mailto：zhaoxu@tarena.com.cn"></a>

5、鏈接到Javascript

<a href="javascript：js代碼段落"></a> 就是在點擊<a>標簽的時候，執行一段js代碼

錨點：就是在頁面的任意位置處定義一個標識，隨時隨地的都可以跳轉到這個標識上；如果你想要在同一個頁面中，快速的到達某個點，這時候用錨點的方式是非常好的。

錨點的使用方式（2步驟）：

1、定義錨點 <a name="anchorName"></a>

2、鏈接到錨點 <a href="#anchorName">文本 或 圖像</a> 或者 <a href="url#anchorName"></a>

第三、關于<table>表格標簽

表格：有行有列，按照一定的格式(從左到右，從上到下)排列里面的內容；它能組織結構化的信息，按照一定的格式來進行數據顯示

要想創建表格：

1.定義表格:<table></table>

2. 定義行:<tr></tr>

3.創建列(單元格):<td></td>

注意:原始的表格中，每行的列數全部都是統一的。

在一些情況下，表格會有：表頭，表主體，表尾

表頭:<thead></thead>

表主體:<tbody></tbody>

表尾:<tfoot></tfoot>

實戰：創建一個表格，有4行3列

<table>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

</table>

表格的屬性：表格也是通過自己的屬性來形成自己風格的table

width：寬度

height：高度

align：水平對齊方式（left,center,right）

border：設置表格的變寬,以px(像素)為單位

cellpadding：內邊距,(單元格邊框與內容之間的距離)

cellspacing：外邊距,(單元格與單元格之間的距離)

bgcolor：表格背景顏色

align：設置該行內容的水平對齊方式(left,center,right)

valign：設置該行內容的垂直對齊方式(top,middle,bottom)

colspan：單元格跨列(向右合并單元格)

rowspan：單元格跨行(向下合并單元格)

表格標題：即表格第一行，文字加粗 語法：<caption>標題</caption>

<table>

<caption></caption>

<tr>

<td></td>

</tr>

</table>

表格除了中規中矩，還有復雜應用，可以形成不規則的表格，實現不規則表格主要是通過跨列：colspan、跨行:rowspan

第四：關于列表<ul>

列表根據使用情景，可以分為：有序列表、無序列表、自定義列表，其中

1、有序列表

語法:<ol><li></li> 列表項</ol>

常用屬性:

type : 列表類型，取值可以為：

1 :表示數字（默認值）

a : 表示小寫字母

A : 表示大寫字母

i : 表示小寫羅馬數字

I : 表示大寫羅馬數字

start : 起始編號

2、無序列表

語法:<ul><li></li></ul>

屬性: type 取值可以為:

disc : 實心圓(默認)

circle : 空心圓

square : 實心矩形

3、自定義列表

<dl> 定義列表

<dt></dt> 列表內容標題

<dd></dd> 列表數據

</dl>

有序、無序使用場景：

1、從上到下，只有一列顯示數據

2、從左到右，只有一行顯示數據(導航)

自定義列表使用場景：做圖文混排的布局

最后是關于文件路徑，即URL

目錄結構的表示方式

URL : Uniform Resource Locator , 統一資源定位器 ，俗稱，路徑

作用：用來標識網絡中的資源位置

http://www.baidu.com

images/logo.gif

URL的三種形式: 絕對路徑 相對路徑 根相對路徑

1、絕對路徑

文件從最高級目錄開始的完整的路徑

絕對路徑就是完整的URL

1、從本機目錄結構查找，從盤符開始

C:\xxx\xxx.jpg

2、網絡資源目錄結構開始查找

協議、主機、目錄路徑、文件名稱

http://www.baidu.com/images/logo.jpg

2、相對路徑

相對于當前文件的位置，查找資源文件

1、同級目錄(直接找)

直接輸入資源文件名稱即可

2、子級目錄(先進入)

先進入到指定文件夾，再查找資源文件

3、父級目錄(先返回)

先返回到指定的父級目錄出，再查找指定資源文件

../ : 表示返回上一級

../../images/logo.png

3、根相對路徑

file:///C:/zhaoxu/ ........ 本地訪問

http://www.baidu.com

http://localhost/ ...... 從服務器訪問數據