最终效果图
一、制作工具
编码工具:记事本2(notepad2)
预览工具 :chrome 浏览器。
调试方法: 打开notepad2 , 另存为class-table.html。编辑完代码后保存,用浏览器打开class-table.html。如果浏览器已经打开class-table.html,刷新网页就能看到最新效果。
二、表格容器
表格出现在各种办公软件中,如Office Word,Excel, WPS表格等。
如果想要在网页中展示表格,该用什么样的方法实现呢?Html提供了一套完整的表格容器。
表格(table):
表头(table head): 允许省略
表行(table row):
表头单元格(table head data):
表体(table body):
允许省略单元格(table data):
,与th功能相同,只是文字没有加粗效果。注:
1 . ()中的英文注释并非官方解释,只作为方便记忆的英文参考
2 . 容器概念请阅读作者其它文章《任何人都可以做网页!幸运的你,快来试试看!》
请看表格容器的基本结构
列名1表头单元>列名2 表头单元>列名3表头单元>
表行>
表头>
1行1列 单元格&g