您当前的位置:首页 > 精选知识 > 正文

html制作表单代码(html的表格怎么做)

本文目录

  • 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模板。


声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,谢谢。

上一篇: 长期跑步者的营养补充,跑步后营养补充(冬季运动、进补)

下一篇: 免费ps课程教学(请问哪里可以免费学习PS教程)



推荐阅读