养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

用HTML做一个表格(table标签)

时间:2024-10-23 14:29:17

表格table的作用是用来制作一个表格,我们现在用table标签制作一个功课表,操作步骤如下所示。有具体步骤的截图和代码分析。

用HTML做一个表格(table标签)

工具/原料

visualstudio软件工具

table

方法/步骤

1、我是用visualstudio软件来操作的,首先打开软件,然后创建一个HTML文件,这两步骤比较简单,就不再截图详细说明了。

2、在body主体部分的代码如下图所示:<body><table&壹执慵驾gt;<pstyle=媪青怍牙"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>

用HTML做一个表格(table标签)

3、样式表如下所示:<head><title>做一个课程釉涑杵抑表</title><styletype=&鳎溻趄酃quot;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></head>

用HTML做一个表格(table标签)

4、table{border-罕铞泱殳collapse:collapse;}代码的意义:将表格边框合并为单一的边框,将相邻变合并。

用HTML做一个表格(table标签)

5、结果显示如下图所示,一个简单的功课表,主要是用来练习的,我们练习一般结合一些比较简单的例子。

用HTML做一个表格(table标签)

© 一点知识