本文目录
- html的表格怎么做
- 需要一个HTML模板,用来做简单的表单数据录入
html的表格怎么做
用table标签来定义表格,注意表格是要有边框的所以在后面要紧跟着border,然后在里面加入tr和td标签。tr表示表格中的一行,td表示一行中的一列。代码如下《table border=“1“》《tr》《td》《/td》《td》《/td》《td》《/td》《/tr》《tr》《td》《/td》《td》《/td》《td》《/td》《/tr》《/table》
需要一个HTML模板,用来做简单的表单数据录入
HTML做个数据录入的模板。如下参考:
1、首先新建一个html,点击《body》《/body》中间,先填入表格内容:
2.内容可根据要求编写,示例代码如下:
《table》
《p style=“text-align:center “》功课表《/p》
《tr》
《th》语文《/th》
《td》7:00-7:40《/td》
《td》7:50-8:30《/td》
《/tr》
《tr》
《th》数学《/th》
《td》7:00-7:40《/td》
《td》7:50-8:30《/td》
《/tr》
《tr》
《th》英文《/th》
《td》7:00-7:40《/td》
《td》7:50-8:30《/td》
《/tr》
《/table》
3.然后在《head》《/head》中间输入样式表的样式,如下图:
4.样式也可以根据个人需要设置,设置单元格的宽度高度,合并单元格,位置,颜色等,示例代码如下:
《style type=“text/css“》
body
{
width:340px;
height:800px;
}
table
{
border-collapse:collapse;
}
th,td
{
width:100px;
height:40px;
border:1pxsolidblack;
font-size:12px;
text-align:center;
}
《/style》
5.注意,此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。
6.预览结果如下图所示,一个制作简单的HTML模板。