嘍大家好，我是作者“未來”，本期分享的內(nèi)容是Web前端系列課程，本系列總共29個(gè)階段，堅(jiān)持學(xué)習(xí)3個(gè)月蛻變?yōu)閃eb前端高手哦！

志同道合的小伙伴跟我一起學(xué)習(xí)交流哦！

因?yàn)樵诘木庉嬛小?”和“>”中的內(nèi)容都會(huì)被識(shí)別為代碼，顯示不出來內(nèi)容，所以，在文本中會(huì)省略“<”和“>”，圖片中的“<”和“>”不會(huì)省略。

第一階段 01 HTML5

07表格

1 表格table（會(huì)使用）

在HTML網(wǎng)頁中，要想創(chuàng)建表格，就需要使用表格相關(guān)的標(biāo)簽。創(chuàng)建表格的基本語法格式如下：

2 表格的注意事項(xiàng)

1 tr和 /tr中只能嵌套td和/td標(biāo)簽

2 td和/td標(biāo)簽，他就像一個(gè)容器，可以容納所有的元素

3 表格屬性

使用方法：

4 表頭標(biāo)簽

只需用表頭標(biāo)記th和/th替代相應(yīng)的單元格標(biāo)記td和/td即可。

顯示效果為加粗和居中。

5 表格結(jié)構(gòu)（了解）

在使用表格進(jìn)行布局時(shí)，可以將表格劃分為頭部、主體和頁腳（頁腳因?yàn)橛屑嫒菪詥栴}，我們不在贅述），具體如下所示：

1 thead和/ thead：用于定義表格的頭部。

2 必須位于table和/ table標(biāo)簽中，一般包含網(wǎng)頁的logo和導(dǎo)航等頭部信息

3 tbody和/ tbody：用于定義表格的主體。

4 位于

6 瀏覽器審查HTML標(biāo)簽元素

瀏覽器頁面按F12打開

左邊顯示為HTML，右邊顯示為CSS（后面會(huì)學(xué)到）

7 表格標(biāo)題標(biāo)簽

表格的標(biāo)題：caption

caption元素定義表格標(biāo)題。

caption標(biāo)簽必須緊隨table標(biāo)簽之后。只能對(duì)每個(gè)表格定義一個(gè)標(biāo)題。通常這個(gè)標(biāo)題會(huì)被居中于表格之上。

8 合并單元格

跨行合并：rowspan

跨列合并：colspan

“2”表示合并兩個(gè)單元格，數(shù)值是多少就合并多少個(gè)單元格。

看不懂的小伙伴不要?dú)怵H，后續(xù)的分享中將持續(xù)解釋，只要你跟著我分享的課程從頭到尾去學(xué)習(xí)，每篇文章看三遍，一個(gè)月后，回過頭來看之前的文章就會(huì)感覺簡單極了。

本章已結(jié)束，下篇文章將分享《08 表單和表單控件》小伙伴們不要錯(cuò)過喲！上述內(nèi)容是作者本人的學(xué)習(xí)筆記，需要原視頻學(xué)習(xí)資料可以在公眾號(hào)回復(fù)關(guān)鍵詞“前端資料”

、在桌面新建文件夾，取名為你的姓名，之后所有的操作都在此文件夾中，收集作業(yè)只收集此文件夾

2、制作一個(gè)網(wǎng)頁。要求如下

1）網(wǎng)頁標(biāo)題為 HTML5制作表格

2）網(wǎng)頁顯示如下圖