上一篇HTML的內容講到了列表，接下來就學習下面的內容吧。
table 標籤 -- 代表HTML表格
table標籤是成對出現的,以<table>開始,以</table>結束引用網址:http://www.dreamdu.com/xhtml/tag_table/屬性Common -- 一般屬性summary -- 代表表格的摘要說明width -- 代表表格的寬度border -- 代表表格邊框(此屬性應該使用CSS實現)cellspacing -- 代表表格邊框與表格內容填充的距離,也是內容填充之間的距離(此屬性應該使用CSS實現)cellpadding -- 代表內容填充的寬度(此屬性應該使用CSS實現)table，中文"表格"的意思示例<table width="80%" border="1"> <tr> <th>www.dreamdu.com</th> <th>.com域名的數量</th> <th>.cn域名的數量</th> <th>.net域名的數量</th> </tr> <tr> <td>2003年</td> <td>1000</td> <td>2000</td> <td>3000</td> </tr> <tr> <td>2004年</td> <td>4000</td> <td>5000</td> <td>6000</td> </tr> <tr> <td>2005年</td> <td>7000</td> <td>8000</td> <td>9000</td> </tr></table>
HTML表格示例 -- 可以嘗試編輯
HTML table 標籤示例HTML th 標籤示例HTML cellpadding cellspacing 屬性示例HTML rowspan 屬性示例HTML colspan 屬性示例HTML colgroup col示例說明width -- 是表格的寬度,可以使用象素px或者百分比border -- 是表格的邊框的寬度,使用px表示,此屬性應該使用CSS實現tr -- 代表一行th -- 代表表格頭td -- 代表一個單元格圖片
掌握標籤
<img><iframe>
<img>定義:img 元素向網頁中嵌入一幅圖像。
請注意，從技術上講，<img> 標籤並不會在網頁中插入圖像，而是從網頁上連結圖像。<img> 標籤創建的是被引用圖像的佔位空間。
<img> 標籤有兩個必需的屬性：src 屬性 和 alt 屬性。
<img src="文件名/網站地址名圖片" >
對於src屬性，如果是本地圖片，輸入文件名。如果不在同一目錄，必須把文件的完整的地址放在「=」後面。
舉例：教程1和名為HTML的圖片放在一個文件夾下（我同時放在桌面）。在教程1中插如美女.jpg.
代碼如下：
<h3>第六節 圖片</h3>
<img src="美女.jpg">（備註：在DW中輸入SRC會出現瀏覽，點擊可以選擇圖片，選擇圖片之後，就會自動生動圖片的文件名和位置。）
在瀏覽器中的效果：
注意：在html中，圖片是一個字符，因此，圖片和前後的內容是連在一起的，他們是對齊的。
在教程1中插入一張來自網際網路的圖片。
步驟1：在網上搜索圖片，右鍵選擇複製圖片網址（或複製圖像連結）。
步驟2：代碼：
<img src="https://images.hdqwalls.com/wallpapers/music-headphone-girl-artwork-z6.jpg" alt=美女>
在瀏覽器中查看效果：
為什麼說alt屬性也是必須的呢？這是因為用戶通過瀏覽器打開的圖片的時候需要一個緩衝，如果沒有alt屬性的設置，在圖片刷出來之前是什麼也沒有的，而設置了alt屬性之後，就可以提示用戶，這裡是有一張圖片的。
其他可選屬性如下表所示：
連結
1.嵌入連結
HTML <iframe> 標籤
iframe 元素會創建包含另外一個文檔的內聯框架（即行內框架）。
舉例：
在實例1中輸入代碼如下：
<h3>第七節 連結</h3>
<iframe src="http://www.baidu.com" width="500" height="500"> </iframe>
2.去往某個頁面的連結<a>標籤
<a> 標籤定義超連結，用於從一張頁面連結到另一張頁面。
<a> 元素最重要的屬性是 href 屬性，它指示連結的目標。
提示：如果不使用 href 屬性，則不可以使用如下屬性：download, hreflang, media, rel, target 以及 type 屬性。
提示：被連結頁面通常顯示在當前瀏覽器窗口中，除非您規定了另一個目標（target 屬性）。
提示：超連結並不一定只想一個網上的頁面，也可以指向本地的HTML頁面，甚至是同個頁面的某一個段落（通過給段落增加ID屬性）。
<a>標籤的屬性
舉例
在教程1中輸入如下代碼：
<a href="http://www.baidu.com">百度
右下角百度兩個字就已經生成了超連結，滑鼠移到上面會變成小手，點擊跳轉百度。
其它標籤
<address> </address>
代碼
效果
加入<br>
效果
<q>標籤，表示引用
效果如下
code與pre標籤
在body中輸入了代碼
用code標籤
效果是都在一行中。
<pre>標籤，pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。<pre> 標籤的一個常見應用就是用來表示計算機的原始碼。
效果如下：
還有一些標籤，大家去試試看吧~
<sup>上標；<sub>下標；<mark>標記；<del>刪除；<ins>下劃線
教程1在瀏覽器中的顯示
教程1的代碼
<!doctype html><html><head><meta charset="utf-8"><title>教程1</title></head><body><h1>大家好，歡迎大家學習HTML5</h1> <h2>第一章 文字標籤</h2> <h3>第一節 標題標籤</h3> <p>在HTMl文檔中，標題很重要。<br/> 標題是通過h1-h6標籤進行定義的。<br/> h1定義最大的標題，h6定義最小的標題。</p> <h3>第二節 段落</h3> <p>HTML可以將文檔分割為若干段落。段落是通過<b>p標籤</b>定義的。</p> <h3>第三節<i>字體樣式</i></h3> <p>我們會舉例說一些，但在學習CSS之後，字體樣式等于格式有關的功能，都會通過<small>CSS樣式表</small>來實現。<ins>所以，這裡大家稍微只要了解一下就好。</ins> </p> <p><em>強調</em> <strong>著重</strong> <dfn>definition</dfn> <code>表示這一行是原始碼，僅用於小部分代碼。</code> <smap>例子代碼</samp> <kbd>用戶輸入</kbd> <bar>變量</bar> <site>引用</site> <h3>第四節 水平線</h3> <h3>第五節 列表</h3> <p>無序列表</p> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <p>有序列表</p> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol><hr width=90% color="#FF0000"> <p>插入一條水平線 </p><h3>第六節 圖片</h3> <img src="美女.jpg" width="1920" height="1080"><h3>第七節 連結</h3><iframe src="http://www.baidu.com" width="500" height="500"> </iframe> <a href="http://www.baidu.com">百度</a><h3>第八節 其它標籤</h3> <address> <q>清江浦 qingjiagnpu<br> </q> 淮安 huaian<br> 江蘇 jiangsu </address><code> <pre> int main(){printf("Hello\n");return 0; } </pre> </code></body></html>
下篇文章將會學習網頁布局+CSS的相關內容。如果你有什麼想法和意見，歡迎評論交流