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

2025-10-09 01:00:18

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢