前端第四期vip基礎(chǔ)-andy老師-05html表格標(biāo)簽

實(shí)戰(zhàn)化教學(xué)第一品牌Web前端零基礎(chǔ)入門(mén)到實(shí)戰(zhàn)北京尚學(xué)堂-Andy老師HTML標(biāo)簽--表格表格由<table>標(biāo)簽來(lái)定義。每個(gè)表格均有若干行（由<tr>標(biāo)簽定義），每行被分割為若干單元格（由<td>標(biāo)簽定義）。字母td指表格數(shù)據(jù)（tabledata），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等?？偨Y(jié)：<tr>行；<td>單元格；單元格邊距(cellpadding)；單元格間距(cellspacing)；HTML標(biāo)簽--表格<table> 定義表格<th>

定義表格的表頭<tr>

定義表格的行<td>

定義表格單元<caption> 定義表格標(biāo)題<colgroup> 定義表格列的組<col>

定義用于表格列的屬性<thead> 定義表格的頁(yè)眉<tbody> 定義表格的主體<tfoot> 定義表格的頁(yè)腳HTML標(biāo)簽--表格colspan屬性規(guī)定單元格可橫跨的列數(shù)空間rowspan屬性規(guī)定單元格可橫跨的行數(shù)空間HTML標(biāo)簽--區(qū)塊標(biāo)簽一、HTML塊元素大多數(shù)HTML元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素?！皦K級(jí)元素”譯為blocklevelelement，“內(nèi)聯(lián)元素”譯為inlineelement。塊級(jí)元素在瀏覽器顯示時(shí)，通常會(huì)以新行來(lái)開(kāi)始（和結(jié)束）。例子：<h1>,<p>,<ul>,<table>二、HTML內(nèi)聯(lián)元素內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開(kāi)始。叫法有多種，如：內(nèi)聯(lián)元素、內(nèi)嵌元素、行內(nèi)元素、直進(jìn)式元素等。例子：<b>,<td>,<a>,<img><div>可定義文檔中的分區(qū)或節(jié)（division/section）。<div>是一個(gè)塊級(jí)元素。這意味著它的內(nèi)容自動(dòng)地開(kāi)始一個(gè)新行。HTML標(biāo)簽--再學(xué)span標(biāo)簽HTML<span>元素是內(nèi)聯(lián)元素，可用作文本的容器<span>元素也沒(méi)有特定的含義?？偨Y(jié)：<div> 定義文檔中的分區(qū)或節(jié)（division/section）。<span>定義span，用來(lái)組合文檔中的行內(nèi)元素?？梢园褍?nèi)聯(lián)元素加上display:block這樣的屬性，變成塊級(jí)元素，讓它也有每次都從新行開(kāi)始的屬性；同樣也可以把塊元素加上display:inline這樣的屬性，讓它也在一行上排列。HTML標(biāo)簽--區(qū)塊標(biāo)簽<div>元素的另一個(gè)常見(jiàn)的用途是文檔布局。它取代了使用表格定義布局的老式方法。使用<table>元素進(jìn)行文檔布局不是表格的正確用法。<table>元素的作用是顯示表格化的數(shù)據(jù)。table不需要考慮瀏覽器兼容問(wèn)題。缺點(diǎn)：1、代碼臃腫，table甚至?xí)嘀厍短祝?、代碼繁亂完全不利于修改。div代碼簡(jiǎn)潔，結(jié)構(gòu)明了，加載速率快。缺點(diǎn)：要考慮瀏