HTML <table>表格概述

小灰灰 2020-05-16 20:07 900阅读 0赞

**HTML `<table>`表格概述**

使用`<table>`可以创建一个表格，

之前，表格会用来进行页面布局，但是由于嵌套过于复杂，不利于灵活布局和后期改版，当前已经鲜有使用，不要认为它已经被淘汰，而是被用来做它原本该做的事情，制作表格。

上面图示的代码如下:

```html
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dandelioncloud.cn/" />
<title>table细线表格-蒲公英云</title>
<style type="text/css"> 
#thetable{
  background-color:green;
  font-size:12px;
}
#thetable th{
  text-align:center;
  background-color:#CCF;
  height:30px;
  line-height:30px;
}
#thetable td{
  width:150px;
  height:30px;
  line-height:30px;
  text-align:center;
  background-color:#FFF;
}
</style> 
</head> 
<body> 
<table cellpadding="0" cellspacing="1" id="thetable">
  <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>
  <tr>
    <td>蒲公英云一</td>
    <td>蒲公英云二</td>
    <td>蒲公英云三</td>
    <td>蒲公英云四</td>
  </tr>
</table>
</body> 
</html>
```

发表评论取消回复

表情：

评论列表（有 0 条评论，900人围观）

还没有评论，来说两句吧...

相关阅读

相关 html与表格（table）相关的属性

原文出处：[https://www.cnblogs.com/duhuo/p/5662132.html][https_www.cnblogs.com_duhuo_p_566213

清疚/ 2022年05月18日 23:12/ 0 赞/ 184 阅读

相关 HTML表格table

什么是表格？表格是由行和列排列而成的一种结构，按照行和列呈现数据，从而进行页面布局。这种布局方式已经过时。建议使用div+css实现页面布局。如何创建HTML表格：H

淡淡的烟草味﹌/ 2022年05月15日 00:30/ 0 赞/ 288 阅读

相关 HTML之table表格详细介绍

html中 < table>标签中常用属性： <table> <thead> <tr> <th>属性</th> <th>功能</th> </t

傷城~/ 2022年04月25日 03:14/ 0 赞/ 193 阅读

相关 html用table标签制作表格

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JveHpo

雨点打透心脏的1/2处/ 2022年04月13日 11:10/ 0 赞/ 351 阅读

相关 HTML 基础表格学习笔记（table）

一 . 基础表格语法： <table></table>  <tr></tr>

妖狐艹你老母/ 2022年03月20日 10:12/ 0 赞/ 248 阅读

相关好看html表格table样式

<style type="text/css"> table{ border-collapse:collapse; tabl

悠悠/ 2021年11月09日 23:34/ 0 赞/ 3300 阅读

相关 HTML 中表格table 的相关知识

<table>标签中比较少见的属性和子标签： summary 属性：用于概括整个表格的内容。它对于搜索引擎的机器人记录信息十分重要。 bordercolor 属性：用来设置

冷不防/ 2021年09月10日 11:44/ 0 赞/ 470 阅读

相关 html table 表格行合并列合并

目录 1.表格边框合并 2、行合并 3、列合并 -------------------- 表格：table 行：tr 列：td 属性：

客官°小女子只卖身不卖艺/ 2021年09月03日 10:48/ 0 赞/ 742 阅读

相关 HTML table表格结构

表格基本上有如下几个标签构成: （1）.`<table>`标签用来创建表格的外部框架。（2）.`<tr>`标签用来创建表格的行。

小灰灰/ 2020年05月16日 20:11/ 0 赞/ 924 阅读

相关 HTML <table>表格概述

使用`<table>`可以创建一个表格，之前，表格会用来进行页面布局，但是由于嵌套过于复杂，不利于灵活布局和后期改版，当前已经鲜有使用，不要认为它已经被淘汰，而是被用来...

小灰灰/ 2020年05月16日 20:07/ 0 赞/ 901 阅读