html做一个简单的表格(html怎么制作一个表格)
如何用HTML来制作表格
楼主你好。
html编写表格的方法有多种。
最简单的就是用html标签table/table
表格是由表头，表格，表行组成的。
表头tt/tt
表行tr/tr
表格td/td
表头和表格都是放在表行里面的。
下面假设写一个2行1列的表格
!DOCTYPE?html
html?lang="en"
head
???meta?charset="UTF-8"
?
???titleTable/title
/head
body
???table
???????trth第一行/th/tr
???????trtd第二行/td/tr
???/table
/body
/html
如何用HTML来制作表格？
HTML中的表格由 table 标签来定义，表格是由单元格组成的，单元格可以放入文字、图片、表格等内容。下面，我们来看看如何用HTML来制作表格吧。
代码，先用table标签定义一个表格，其中border表示边框，border="1"表示边框为1个像素，数值越大，边框就越粗。
table border="1"
/table
tr元素表示表格中的行，比如创建两行
tr/tr表示一行。
单元格
HTML表格的单元格用td标签表示，如下图所示：
td语文/td
表格
就做好一个HTML表格，显示图如下：
总代码：
body
table border="1"
tr
td语文/td
td数学/td
/tr
tr
td英语/td
td化学/td
/tr
特别提示
表格的标签：table、tr、td三个标签。
需要一个HTML模板，用来做简单的表单数据录入
HTML做个数据录入的模板。如下参考：
1、首先新建一个html，点击body/body中间，先填入表格内容：
2.内容可根据要求编写，示例代码如下：
table
p style="text-align:center "功课表/p
tr
th语文/th
td7:00-7:40/td
td7:50-8:30/td
/tr
tr
th数学/th
td7:00-7:40/td
td7:50-8:30/td
/tr
tr
th英文/th
td7:00-7:40/td
td7: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模板。
HTML表格怎么制作
我们经常使用HTML绘制表格，那么如何绘制呢？下面我给大家分享一下。
工具/材料
Sublime Text
01
首先打开Sublime Text软件，新建一个HTML文档，并添加HTML结构，如下图所示
02
接下来我们加入表格标签table，然后在table里面添加tr和td，如下图所示
03
运行页面以后我们就可以看到如下图所示的表格了
04
最后我们还可以给表格添加表头，如下图所示