- 1、本文档共23页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
7如何创建HTML表格
如何创建HTML表格
HTML表格用table表示。一个表格可以分成很多行(row),用tr表示;每行又可以分成很多单元格(cell),用td表示。
这三个Tag是创建表格最常用的Tag。
示例html
body
p
表格所用到的Tag:整个表格开始要用table;每一行开始要用tr;每一单元格开始要用td。
/p
h4只有一行(Row)一列(Column)的表格/h4
table border=1
tr
td100/td
/tr
/table
h4一行三列的表格/h4
table border=1
tr
td100/td
td200/td
td300/td
/tr
/table
h4两行三列的表格/h4
table border=1
tr
td100/td
td200/td
td300/td
/tr
tr
td400/td
td500/td
td600/td
/tr
/table
/body
/html
border属性
在缺省情况下,如果不设置表格的边界,表格是不显示边界的。
示例:不显示边界的表格要显html
body
table
tr
td100/td
td200/td
td300/td
/tr
tr
td400/td
td500/td
td600/td
/tr
/table
h4表格Border设为0,也不显示边界:/h4
table border=0
tr
td100/td
td200/td
td300/td
/tr
tr
td400/td
td500/td
td600/td
/tr
/table
/body
/html
示表格的边界,可使用border这个属性。
示例:显示边界的表格html
body
h4表格的边界值设为1:/h4
table border=1
tr
td第一/td
td行/td
/tr
tr
td第二/td
td行/td
/tr
/table
h4表格的边界值设为8,边界更粗:/h4
table border=8
tr
td第一/td
td行/td
/tr
tr
td第二/td
td行/td
/tr
/table
h4表格的边界值设为15,边界更粗:/h4
table border=15
tr
td第一/td
td行/td
/tr
tr
td第二/td
td行/td/tr
/table
/body
/html
表格的表头
用th来表示表格的表头,表头的字是粗体显示的。
示例: 有表头的表格html
body
h4有表头的表格:/h4
table border=1
tr
th姓名/th
th电话/th
th传真/th
/tr
tr
tdBill Gates/td
td555 77 854/td
td555 77 855/td
/tr
/table
h4竖直方向的表头:/h4
table border=1
tr
th姓名/th
tdBill Gates/td
/tr
tr
th电话/th
td555 77 854/td
/tr
tr
th传真/th
td555 77 855/td
/tr
/table
/body
/html
空的单元格
如果表格的单元格td/td之间没有内容,那么这个单元格的边界是不会被显示出来的,尽管整个表格已设置边界值。要显示这个单元格的边界,可以插入一个nbsp;空格符。
示例html
body
table border=1
tr
tdSome text/td
tdSome text/td
/tr
tr
td/td
tdSome text/td
/tr
/table
p上面的表格中,有一个单元格里是没有任何内容的,这个空的单元格没有显示边界,虽然整个表格设了边界值。/p
table border=1
tr
tdSome text/td
tdSome text/td
/tr
tr
tdnbsp;/td
tdSome text/td
/tr
/table
p
上面的例子,你可以看到,给这个单元格加上一个空格符号之后,单元格的边界就显示出来了。/p
p注意:空格符要用bsp;表示。nbsp;是一个HTML特别字符,参见HTML特别字符(HTML Character Entities)。
/p
/body
/html
更多示例
有标题的表格html
body
h4
这个表格有标题:
/h4
table border=6
caption表格标题/caption 注释:为表格添加一个标题
tr
td100/td
td200/td
td300/td
/tr
tr
td400/td
td500/td
td600/td
/tr
/table
/body
/html
这个示例演示如何用caption在一
您可能关注的文档
- 2014辽宁卷高考满分作文.doc
- 20151207IIS服务器应用程序不可用解决技巧.docx
- 2014高考英语高频词汇表背完可突破.docx
- 2015中山大学设计艺术学考研经验分享.doc
- 2014马宝宝起名之男宝宝取名大全.doc
- 2015中小学面试要求.doc
- 2014陕西政法干警行测逻辑填空解题技巧.doc
- 2015元旦学生活动方案.doc
- 2015国家公务员面试无领导小组讨论礼仪解读.doc
- 2015女孩吉祥好名字大全.doc
- 2023-2024学年广东省深圳市龙岗区高二(上)期末物理试卷(含答案).pdf
- 2023-2024学年贵州省贵阳市普通中学高一(下)期末物理试卷(含答案).pdf
- 21.《大自然的声音》课件(共45张PPT).pptx
- 2023年江西省吉安市吉安县小升初数学试卷(含答案).pdf
- 2024-2025学年广东省清远市九校联考高一(上)期中物理试卷(含答案).pdf
- 广东省珠海市六校联考2024-2025学年高二上学期11月期中考试语文试题.pdf
- 2024-2025学年语文六年级上册第4单元-单元素养测试(含答案).pdf
- 2024-2025学年重庆八中高三(上)月考物理试卷(10月份)(含答案).pdf
- 安徽省安庆市潜山市北片学校联考2024-2025学年七年级上学期期中生物学试题(含答案).pdf
- 贵州省部分校2024-2025学年九年级上学期期中联考数学试题(含答案).pdf
文档评论(0)