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

 时间:2024-10-23 12:27:50

表格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标签)

html如何对数据库进行行增删 使用SQL Server 2005 如何创建索引? jquery如何实现鼠标放上div时改变其大小 css如何制作表格边框凹进去的效果 如何使用CSS3中的flex属性控制元素分块显示
热门搜索
蝴蝶b图片 英语动漫 工笔人物画图片 礼品盒图片 黄山四绝图片