htmltable设置表格左右宽度不一样

1、首先，用table标签定义了表格宽度。

2、其次，用td标签定义了单元格宽度。

3、最后，根据要求选择距离设置即可。HTML中的table标签是用来定义表格的，它与一个或者多个tr，th，td元素共同构成html表格。

table标签定义 HTML 表格，table 由一个或多个 tr、th 或 td 元素组成，tr 元素定义表格的行，th定义表头，td定义表格单元，即展示的内容，下面介绍下如何用HTML做一个表格

01

新建一个HTML文件，命名为testTable.html

02

增加table标签，数据展示以省份和省会为例，代码如下

03

在代码的空白出右键，选择浏览器打开，选择默认即可

04

自动跳转到浏览器，效果如下图

05

下面我们为表格增加样式，增加边框等元素，代码如下

06

刷新浏览器，最终效果如下

语义：标记一堆数据是一个整体/列表

HTML中列表标签分为三种

ul与li是组合标签应该一起出现，并且ul的子标签之应该是li，而li的子标签则可以是任意其他标签。

选择用什么标签的唯一标准，是看文本的实际语义，而不是看长什么样子

无序列表：内容是并列的，没有先后顺序

有序列表：聂荣是有先后顺序的

自定义列表：对一个题目进行解释说明的时候，用自定义列表，可以做网站尾部相关信息，网易注册界面的输入框

3.1、dl>dt+dd应该组个出现，dl中只应该存放dt和dd，而可以在dt和dd中添加任意其他标签；

3.2、一个dt可以没有对应的dd，也可以有多个，但建议一个dt对应一个dd

语义：标记一段数据为表格

表格标签是一种数据的展现形式，当数据量非常大的时候，使用表格的形式来展示被认为是最清晰的

tr代表表格的一行数据

td表一行中的一个普通单元格th表示表头单元格

表格标签有一个边框属性，这个属性决定了边框的宽度。默认情况下这个属性的值为0，所以看不到边框

在标签中，想通过指定外边距为0来实现细线表格是不靠谱的，其实他是将2条线合成了一条线.所以看上去很不舒服,如下实现

细线表格的制作方式：

1、给table标签设置bgcolor

2、给tr标签设置bgcolor

3、给table标签设置cellspacing="1px"

=============================图=============================

表结构详解

1、由于把某一个单元格当作了多个单元格来看待，所以就会多出一些单元格，所以需要删掉一些单元格

2、一定要记住，单元格合并永远是向后或者向下合并，而不能向前或向上合并

传统的布局方式就是使用table来做整体页面的布局，布局的技巧归纳为如下几点：

传统布局目前应用：

语义：标记表单

补充了解

在form内还可以添加一种标签

==========================图==================================

---