html中超链接使用_干货 | HTML中表格的使用方法
表格的標(biāo)簽組成
HTML中的表格是由
| 標(biāo)簽用于定義表格的列， | 標(biāo)簽為又是 | |
| 標(biāo)簽來(lái)分割列，形成一個(gè)完整的表格。 表格的標(biāo)簽組合關(guān)系為：
表格中可以插入文本、圖片、列表、段落、表單、水平線等任何html標(biāo)簽，甚至可以用來(lái)做頁(yè)面布局。但是table布局存在代碼冗余過(guò)長(zhǎng)、不符合HTML規(guī)范、搜索引擎不友好等問(wèn)題。因此建議大家盡量不要使用table進(jìn)行頁(yè)面布局，除非頁(yè)面中確實(shí)需要一張表格。 剩下的 | 、
表格和邊框?qū)傩?/strong>
表格自身可以定義border屬性來(lái)決定表格邊框的寬度，該屬性的值默認(rèn)是以數(shù)字單位進(jìn)行顯示，例如border=”1″該值的單位為px。注意，不要在border的數(shù)值后面加上任何單位，否該值無(wú)法正確識(shí)別。
表格的表頭
在
| Bill Gates | 555 77 854 | 555 77 855 |
橫跨兩行的單元格：
| Bill Gates |
| 555 77 854 |
| 555 77 855 |
單元格邊距
表格具有與padding樣式類似的內(nèi)邊距功能。通過(guò)在
單元格間距
單元格的間距是設(shè)置
標(biāo)簽的外邊距，這個(gè)也與css樣式中的margin類似，通過(guò)在為表格設(shè)置背景
表格可以通過(guò)background屬性為表格或單元格設(shè)置任意圖片作為背景，其使用方法非常像css中的background。為background設(shè)置對(duì)應(yīng)的圖片路徑，即可使單元格顯示相應(yīng)的圖片。例如background=”table_bg.gif”
表格內(nèi)容的對(duì)齊排列
表格的對(duì)齊分為水平對(duì)齊和垂直對(duì)齊。它們分別是align屬性與valign屬性，將這兩個(gè)屬性插入到對(duì)應(yīng)的
標(biāo)簽中即可完成單元格內(nèi)文本或圖像的對(duì)齊。水平對(duì)齊align分別有三個(gè)值：left左對(duì)齊、center水平居中、right右對(duì)齊
垂直對(duì)齊valign也有三個(gè)值：top頂端對(duì)齊、middle垂直居中、bottom底部對(duì)齊、baseline為基線對(duì)齊。
其中基線對(duì)齊可能無(wú)法從字面上理解，其實(shí)基線對(duì)齊也就是文本出現(xiàn)在表格的中上部而不是正中央。如果文字不大的話，效果和middle差不多，比middle稍微靠上一點(diǎn)。
私信發(fā)送【前端】有驚喜！
總結(jié)
以上是生活随笔為你收集整理的html中超链接使用_干货 | HTML中表格的使用方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 国民休闲塔防手游续作！《保卫萝卜4》今日
- 下一篇： html字段隐藏,如何刮取动态隐藏的HT