用HTML做一个表格(table标签)
的有关信息介绍如下:
表格table的作用是用来制作一个表格,我们现在用table标签制作一个功课表,操作步骤如下所示。有具体步骤的截图和代码分析。
我是用visual studio 软件来操作的,首先打开软件,然后创建一个HTML文件,这两步骤比较简单,就不再截图详细说明了。
在body主体部分的代码如下图所示:
语文 | 7:00-7:40 | 7:50-8:30 |
---|---|---|
数学 | 7:00-7:40 | 7:50-8:30 |
英文 | 7:00-7:40 | 7:50-8:30 |
样式表如下所示:
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
text-align :center;
}
table
{
border-collapse :collapse ;
}
代码的意义:
将表格边框合并为单一的边框,将相邻变合并。
结果显示如下图所示,一个简单的功课表,主要是用来练习的,我们练习一般结合一些比较简单的例子。