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

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