Html 語法學習筆記二

1、影象標籤（<img>）和源屬性（Src）

        在 HTML 中，影象由 <img> 標籤定義。
        <img> 是空標籤，意思是說，它只包含屬性，並且沒有閉合標籤。
        要在頁面上顯示影象，你需要使用源屬性（src）。src 指 "source"。源屬性的值是影象的 URL 地址。
        定義影象的語法是：

<img src="url" />

        URL 指儲存影象的位置。如果名為 "boat.gif" 的影象位於 www.w3school.com.cn 的 images 目錄中，那麼其 URL 為 http://www.w3school.com.cn/images/boat.gif。
        瀏覽器將影象顯示在文件中影象標籤出現的地方。如果你將影象標籤置於兩個段落之間，那麼瀏覽器會首先顯示第一個段落，然後顯示圖片，最後顯示第二段。
        替換文字屬性（Alt）
        alt 屬性用來為影象定義一串預備的可替換的文字。替換文字屬性的值是使用者定義的。

<img src="boat.gif"alt="BigBoat">

        在瀏覽器無法載入影象時，替換文字屬性告訴讀者她們失去的資訊。此時，瀏覽器將顯示這個替代性的文字而不是影象。為頁面上的影象都加上替換文字屬性是個好習慣，這樣有助於更好的顯示資訊，並且對於那些使用純文字瀏覽器的人來說是非常有用的。
        基本的注意事項 - 有用的提示：
        假如某個 HTML 檔案包含十個影象，那麼為了正確顯示這個頁面，需要載入 11 個檔案。載入圖片是需要時間的，所以我們的建議是：慎用圖片。

           

          小注：

                   ../表示原始檔所在目錄的上一級目錄，../../表示原始檔所在目錄的上上級目錄，以此類推。

           

2、<table> 標籤

        <table> 標籤定義 HTML 表格。
        簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。
        tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。
        更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

小注：

<table>標籤下的邊框屬性：

小注：

    bordercolordark  td 的左上邊框的顏色
    bordercolorlight  td 的右下邊框的顏色
    僅ie系列支援

表格合併部分Demo：點選開啟連結

3、<tr> 標籤

        <tr> 標籤定義 HTML 表格中的行。
        tr 元素包含一個或多個 th 或 td 元素。

4、<td> 標籤

        <td> 標籤定義 HTML 表格中的標準單元格。
        HTML 表格有兩類單元格：
                表頭單元 - 包含頭部資訊（由 th 元素建立） 
                標準單元 - 包含資料（由 td 元素建立） 
        td 元素中的文字一般顯示為正常字型且左對齊。

提示：如果需要將內容橫跨多個行或列，請使用 colspan 和 rowspan 屬性。
可選的屬性

5、<th> 標籤

定義表格內的表頭單元格。

HTML 表單中有兩種型別的單元格：

• 表頭單元格 - 包含表頭資訊（由 th 元素建立）
• 標準單元格 - 包含資料（由 td 元素建立）

th 元素內部的文字通常會呈現為居中的粗體文字，而 td 元素內的文字通常是左對齊的普通文字。

提示：如果需要將內容橫跨多個行或列，請使用 colspan 和 rowspan 屬性。

可選屬性

小注：

6、<colgroup> 標籤

<colgroup> 標籤用於對錶格中的列進行組合，以便對其進行格式化。
如需對全部列應用樣式，<colgroup> 標籤很有用，這樣就不需要對各個單元和各行重複應用樣式了。

<colgroup> 標籤只能在 table 元素中使用。

作者：jiankunking 出處：http://blog.csdn.net/jiankunking