普通表格,簡單的HTML表格由table元素以及tr、td和th元素組成,其中tr是指表格行,td是指單元格,th定義表頭??諉卧窬椭苯硬惶罴纯?,或者用 nbsp;。
table th 表頭 /th th 表頭 /th th 表頭 /th /tr td 單元格1 /td td /td td 單元格3 /td /tr /table
2.帶有邊框的表格。border元素表示表格的邊框,默認單位是px,cellspcing表示表格與表格之間的間距,cellpadding表示內邊距/內填充的距離。
table border= 1 cellspacing= 10 cellpadding= 30 th 表頭 /th th 表頭 /th th 表頭 /th /tr td 單元格1 /td td 單元格2 /td td 單元格3 /td /tr /table
3.帶有背景圖片或顏色的表格,注意:bgcolor表示顏色,而background不能直接在html里面添加顏色(這句話說錯了,是使用的方式錯誤,直接使用內聯樣式書寫的格式是 >
table border= 1 th 表頭 /th th 表頭 /th th 表頭 /th /tr td 單元格1 /td td 單元格2 /td td 單元格3 /td /tr /table
4、跨行和跨列的表格,rowspan表示跨行,colspan表示跨列,跨列的話就在當前表格行內刪除,跨行的話就在下方的表格行內刪除。
table border= 1 caption 跨行 /caption th 姓名 /th td Bill Gates /td /tr th rowspan= 2 電話 /th td 555 77 854 /td /tr td 555 77 855 /td /tr /table
table border= 1 caption 跨列 /caption th 姓名 /th th colspan= 2 電話 /th /tr td Bill Gates /td td 555 77 854 /td td 555 77 855 /td /tr /table
5.帶有標題的表格,caption表示表格的標題,也可以用其他標簽比如p標簽來定位表格標題,但使用caption的好處是他會跟著表格一起走,默認是在和表格居中對齊。
6.在表格單元中排列內容,比如在單元格中添加段落,列表等。
table border= 1 p 這是一個段落,hello World! /p /td li 這是一個列表 li html /li li css /li li javascript /li /ul /li /ul /td /tr /table
7.frame框架屬性,規定外側邊框的哪個部分是可見的。//暫時不會使用。
相關推薦:
HTML頁面table滾動條的實現
ElTableColumn擴展方法詳解
關于SQL ALTER TABLE 語句的相關操作
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答