HTML 表格 - 菜鸟教程
文章推薦指數: 80 %
表格 这个例子演示如何在HTML 文档中创建表格。
(可以在本页底端找到更多实例。
) HTML 表格. 表格由
标签定义)。 字母td指表格数据(tabledata),即数据单元格的内容。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格实例 实例 row1,cell1 |
row1,cell2 |
row2,cell1 |
row2,cell2 |
|
有时这很有用,但是大多数时候,我们希望显示边框。
使用边框属性来显示一个带有边框的表格: 实例
大多数浏览器会把表头显示为粗体居中的文本: 实例
表格中的表头(Heading) 本例演示如何显示表格表头。
带有标题的表格 本例演示一个带标题(caption)的表格 跨行或跨列的表格单元格 本例演示如何定义跨行或跨列的表格单元格。
表格内的标签 本例演示如何在不同的元素内显示元素。
单元格边距(Cellpadding) 本例演示如何使用Cellpadding来创建单元格内容与其边框之间的空白。
单元格间距(Cellspacing) 本例演示如何使用Cellspacing增加单元格之间的距离。
漂亮的表格 HTML表格标签 标签 描述
定义表格的表头 | |||
---|---|---|---|
定义表格单元
|
|||
表示数据的名称(标题), | 表示真正的数据内容。 |
、 | 标签的常用属性:
width="500"单元格的宽度,设置后对当前一列的单元格都有影响
height="100"单元格的高度,设置后对当前一行的单元格都有影响
bgcolor="fff"单元格的背景色
align="right"单元格文字的水平对齐方式(参数left、center、right)
rowspan="3"合并垂直水平方向的单元格
colspan="3"合并水平方向单元格
valign="top"单元格文字的垂直对齐方式(参数middle、bottom、top)
引号里的数字和颜色代码均可以更改。 CHINA陈 CHINA陈 252***[email protected]年前(2019-09-25) #0 猪八戒 996***[email protected]表格结构语义标签: 1.
|
---|
延伸文章資訊
- 1<table>(表格元素) - HTML:超文本標記語言 - MDN Web Docs
HTML 元件代表表格數據──換句話說,就是透過二維資料表來呈現資訊。
- 2HTML <table> 表格- HTML 語法教學Tutorial - Fooish 程式技術
HTML <table> 標籤(tag) 用來建立表格,也就是用來呈現二維的資料表資訊。 <table> 標籤做為表格的容器(container),裡面有不同用途的標籤像是<tr>, ...
- 3HTML Table 表格 - Wibibi
HTML 網頁設計不可或缺的元素就是表格(Table),通常表格用來做版面的排版,而表格 ... 請注意HTML 語法都必須用一個開始標籤與一個結束標籤把內容包起來,開始標籤與 ...
- 4【Html 教學】 表格table td tr th 語法 - 測試先生
<table border=”1″> 是什麼? Html 表格table th 語法; 更多技術文章. Html 表格table td tr 語法. 表格是 ...
- 5提供HTML語法整理表
表格. <TABLE></TABLE>. 邊線的設定 BORDER=N N表數字 ... 表格位置 ALIGN=left、center、right. 背景顏色 BGCOLOR=#******. ...