温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html 表格

发布时间:2020-07-29 09:39:06 来源:网络 阅读:370 作者:paopao0 栏目:网络安全

表格

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>sij</title>

<link rel="stylesheet" href="">

</head>

<body>

    <!-- 表格 -->

<table border="2px" >

   <!-- 行 -->

<tr>

   <!-- 列 -->

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr border="2px">

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr border="2px">

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

</table>

</body>

</html>

html 表格

表头

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>sij</title>

<link rel="stylesheet" href="">

</head>

<body>

    <!-- 表格 -->

<table border="2px" width="200px" height="300px">

<!-- table head 表头 -->

<tr>

<th>123</th>

<th>123</th>

<th>123</th>

</tr>

   <!-- 行 -->

<tr>

   <!-- 列 -->

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

</table>

</body>

</html>

html 表格

3行7列

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<table border="2px" width="400px"

height="500px">

<tr>

<th>123</th>

<th>123</th>

<th>123</th>

<th>123</th>

<th>123</th>

<th>123</th>

<th>123</th>

</tr>

<tr >(文字水平居中)

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr >

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr >

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

</table>

</body>

</html>

html 表格

合并行

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>sij</title>

<link rel="stylesheet" href="">

</head>

<body>

<table border="2px" width="200px" height="300px">

<tr>

<th>123</th>

<th>123</th>

<th>123</th>

<th>123</th>

</tr>

<tr>

<td>123</td>

<td>123</td>

                        <合并行>

<td rowspan="2">123</td>

<td>123</td>

</tr>

<tr>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

</table>

</body>

</html>

html 表格

多列合并

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>sij</title>

<link rel="stylesheet" href="">

</head>

<body>

<table border="2px" width="200px" height="300px">

<tr>

<th>123</th>

<th>123</th>

<th>123</th>

<th>123</th>

</tr>

<tr>

   <!--colspan="数量" 多列合并  -->

<td colspan="2">123</td>

<!-- rowspan="数量"  多行合并-->

<td rowspan="2">123</td>

<td>123</td>

</tr>

<tr>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

</table>

</body>

</html>

html 表格

表名

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>sij</title>

<link rel="stylesheet" href="">

</head>

<body>

    <!-- 表格 -->

<table border="2px" width="200px" height="300px">

<!-- 表名 -->

<caption><h2>表名</h2></caption>

<!-- table head 表头 -->

<tr>

<th>123</th>

<th>123</th>

<th>123</th>

<th>123</th>

</tr>

<!-- 行 -->

<tr>

    <!-- 列 -->

    <!--colspan="数量" 多列合并  -->

<td colspan="2">123</td>

<!-- <td>123</td> -->

<!-- rowspan="数量"  多行合并-->

<td rowspan="2">123</td>

<td>123</td>

</tr>

<tr>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

<tr>

<td>123</td>

<td>123</td>

<td>123</td>

<td>123</td>

</tr>

</table>  

</body>

</html>

html 表格

正确格式

<thead></thead>

<tbody></tbody>

可以不写

<!DOCTYPE html>

 <html>

 <head>

  <meta charset="utf-8">

  <title></title>

 </head>

 <body>

  <table border="2px" width="500px" height="400px">

  <caption>表名</caption>

  <thead>

  <tr>

      <th>123</th>

                            <th>123</th>

                            <th>123</th>

                            <th>123</th>

                            <th>123</th>

                            <th>123</th>

  </tr>

  </thead>

  <tbody>

  <tr>

  <td>123</td>

  <td>123</td>

  <td>123</td>

  <td>123</td>

  <td>123</td>

  <td>123</td>

  </tr>

  <tr>

  <td colspan="2">123</td>

  <td colspan="3">123</td>

  <td>123</td>

  </tr>

  </tbody>

  </table>

 </body>

 </html>

html 表格

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI