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

 时间:2026-02-13 22:38:23

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

2、在body主体部分的代码如下图所示:

<body>

  <table>

<p style="text-align:center ">功课表

    <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>

    <style type="text/css">

     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;

     }

     

    </style>

</head>

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

4、table

     {

     

         border-collapse :collapse ;

     }

代码的意义:

将表格边框合并为单一的边框,将相邻变合并。

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

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

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

  • html如何对数据库进行行增删
  • 使用SQL Server 2005 如何创建索引?
  • jquery如何实现鼠标放上div时改变其大小
  • css如何制作表格边框凹进去的效果
  • 如何使用CSS3中的flex属性控制元素分块显示
  • 热门搜索
    长沙周边旅游 门头沟旅游景点 南方旅游城市 厦门旅游局 北京 旅游景点 深圳旅游景点推荐 巴布亚新几内亚旅游 辽宁省旅游局官网 最新旅游新闻 巴厘岛旅游地图