免费的h5制作网站 h5表单制作教程

文章插图
使用HTML5制作表格，是特别容易的事情，下面介绍一下制作方法。
1、HTML5表格的主要元素：HTML5的表格包括table、caption、tr、td、th五个主要元素：
table元素：定义一个表格；
caption元素：定义表格的标题；
tr元素：定义表格的一行，tr是table row的缩写；
td元素：定义表格单元，td是table data的缩写；
th元素：定义表头，th是table head的缩写。
2、制作一个简单的表格下面这个HTML文档，制定了一个学生常用的课表：
<!DOCTYPE html><html><head><title>table001</title><meta charset="utf-8" /></head><body><table><tr><th>节次</th><th>周一</th><th>周二</th><th>周三</th><th>周四</th><th>周五</th></tr><tr><td>第1节课</td><td>语文</td><td>语文</td><td>英语</td><td>英语</td><td>语文</td></tr><tr><td>第2节课</td><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>数学</td></tr><tr><td>第3节课</td><td>英语</td><td>数学</td><td>物理</td><td>化学</td><td>物理</td></tr><tr><td>第4节课</td><td>英语</td><td>政治</td><td>地理</td><td>物理</td><td>政治</td></tr><tr><td>第5节课</td><td>数学</td><td>生物</td><td>信息</td><td>数学</td><td>化学</td></tr><tr><td>第6节课</td><td>体育</td><td>化学</td><td>语文</td><td>语文</td><td>美术</td></tr><tr><td>第7节课</td><td>社团活动</td><td>社团活动</td><td>社团活动</td><td>社团活动</td><td>社团活动</td></tr></table></body></html>使用浏览器打开这个文档时，效果如下：
这个表格一点都不好看，因为没有表格线。
3、给<table>元素设置border属性的值，为表格加上表格线。对HTML文档进行修改，设置<table>元素的border值为1，修改后的HTML文档为：
<!DOCTYPE html><html><head><title>table002</title><meta charset="utf-8" /></head><body><table border="1"><tr><th>节次</th><th>周一</th><th>周二</th><th>周三</th><th>周四</th><th>周五</th></tr><tr><td>第1节课</td><td>语文</td><td>语文</td><td>英语</td><td>英语</td><td>语文</td></tr><tr><td>第2节课</td><td>语文</td><td>数学</td><td>数学</td><td>英语</td><td>数学</td></tr><tr><td>第3节课</td><td>英语</td><td>数学</td><td>物理</td><td>化学</td><td>物理</td></tr><tr><td>第4节课</td><td>英语</td><td>政治</td><td>地理</td><td>物理</td><td>政治</td></tr><tr><td>第5节课</td><td>数学</td><td>生物</td><td>信息</td><td>数学</td><td>化学</td></tr><tr><td>第6节课</td><td>体育</td><td>化学</td><td>语文</td><td>语文</td><td>美术</td></tr><tr><td>第7节课</td><td>社团活动</td><td>社团活动</td><td>社团活动</td><td>社团活动</td><td>社团活动</td></tr></table></body></html>使用浏览器打开这个文档，效果如下：

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：