第二章网站开发基础之HTML教程 - 二、常用HTML标签：table，表格（块级元素）

最新推荐文章于 2023-02-28 15:19:07 发布

陈子2005

最新推荐文章于 2023-02-28 15:19:07 发布

阅读量582

点赞数 2

分类专栏：陈子-零基础网站开发教程文章标签： html web css html5 前端

本文链接：https://blog.csdn.net/klyz505/article/details/105381054

版权

本文介绍了HTML的table标签，强调了其正确用途是显示表格数据而非布局。讲解了表格宽度的设置，包括像素和百分比单位。还讨论了表格内嵌标签，如tr、th、td以及不常用标签的局限性。提到了DreamWeaver作为编辑工具的便利性，并介绍了td的colspan属性及其在维护表格时的实用技巧。

摘要由CSDN通过智能技术生成

4.table，表格（块级元素）

table标签用于显示表格类数据。网站开发新手常用table标签来分隔和布局网页里的元素，这是错误的方法，table标签应当只用于显示表格类的数据。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>table标签</title>
</head>
<body>
例1：
<table border="1" width="380" cellpadding="3" cellspacing="10">
<tr>
<th>标题行第1列</th>
<th>标题行第2列</th>
</tr>
<tr>
<td>子行第1列</td>
<td>子行第2列</td>
</tr>
</table>
tr表示行，th或td表示列（th表示标题的列，自带加粗、居中渲染效果；td表示数据内容的列）。border属性设置表格的边框粗细；width属性设置表格的总宽度；cellpadding属性设置单元格与内容之间的空白大小；cellspacing属性设置单元格之间的空白大小；<br><br>

例2（加了css样式）：
<style type="text/css">