04html教程：表格table创建

新程序 · 2025-6-11 00:14:35

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="widtd=device-widtd, initial-scale=1.0">
<title>04表格table创建</title>



<style>
   table,tr,th,td{
      border: 9px solid blue;
   }

</style>

</head>
<body>

  <h1>表格table创建</h1>
<table border="1" align="left" width="500">
      <tr>
      <th>广东省</th>
      <th>广西省</th>
      <th>江西省</th>
      <th>湖南省</th>
      </tr>
      <tr>
      <td>广州市</td>
      <td>南宁市</td>
      <td>南昌市</td>
      <td>长沙市</td>
      </tr>
      <tr>
      <td>深圳市</td>
      <td>桂林市</td>
      <td>赣州市</td>
      <td>永州市</td>

      </tr>

</table>

</body>
</html>

文件下载

游客，如果您要查看本帖隐藏内容请回复

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="widtd=device-widtd, initial-scale=1.0">
<title>04表格table创建</title>
<!--
<table></table> 是表格标签
<tr></tr> 表格的行
<th></th> 表格的表格，加粗
<td></td> 表格单元
标签属性
<table border="1"> border 为边框属性，1代表有边框，代表宽度，单位为像素
<table border="1" align="center"> align="center" 为水平对齐属性居中，左(left)/右(right)/中 (center)
<tr height="100" valign="bottom"> height="100" 影响当前单元行的高度，
<td height="100" valign="bottom"> height="100" 影响当前单元列的高度
<table border="1" width="500"> width="500" 影响当前表格内容的宽度
<tr height="100" valign="bottom"> valign="bottom"为当前内容的垂直对齐方式， top上对齐，bottom下对齐，middle居中
css语法
<style><style>
solid blue; 值，颜色
-->
<style>
table,tr,th,td{
border: 9px solid blue;
}
</style>
</head>
<body>
<h1>表格table创建</h1>
<table border="1" align="left" width="500">
<tr>
<th>广东省</th>
<th>广西省</th>
<th>江西省</th>
<th>湖南省</th>
</tr>
<tr>
<td>广州市</td>
<td>南宁市</td>
<td>南昌市</td>
<td>长沙市</td>
</tr>
<tr>
<td>深圳市</td>
<td>桂林市</td>
<td>赣州市</td>
<td>永州市</td>
</tr>
</table>
</body>
</html>

复制代码

账号		自动登录	找回密码
密码			立即注册

HTML5 04html教程：表格table创建