本文目录一览：

• 1、用HTML的table标签,怎么写出一个三行两列的表格?
• 2、H5(html):table表格,合并单元格,行列合并?
• 3、html中table表格里添加图片和文字问题

用HTML的table标签,怎么写出一个三行两列的表格?

首先双击打开HBuilderX工具，在已新建的Web项目中，新建一个静态页面css.html。打开已新建的页面文件，引入核心的jquery文件并修改标签文字内容。在body标签元素中，插入一个table表格并添加数据（三行）。

首先合并单元格，选中这个框，选中以后，点击右键，选择合并单元格。合并完单元格以后点击右键，然后选择拆分单元格这个按钮就可以了。最后上面选择1列，下面选择两行就可以了。

制作表格我们需要使用标签table在html中输入table标签，然后设置行和列，tr代表行，td代表列，然后在行和列中输入相关的内容。

代码，先用table标签定义一个表格，其中border表示边框，border=1表示边框为1个像素，数值越大，边框就越粗。 table border=1 /table tr元素表示表格中的行，比如创建两行 tr/tr表示一行。

/tdtd /td/trtrtd /tdtd /tdtd /td/tr/table这是三行三列的代码，其中tr标签是行数；td标签是列数；也可以用DW的插入表格方式直接插入，这个比较方便也容易操作。

H5(html):table表格,合并单元格,行列合并?

1、首先我们打开，Dreamweaver CS6，新建一个html文件。新建好之后，按Ctrl+S保存一下，取一个名字保存到合适的地方。然后把光标定位到需要添加表格的地方，点击菜单栏的“插入”，选择其子菜单“表格”选项。

2、rowspan、colspan。Table控件主要用于在web页面上创建表格，在编辑table表格的时候，合并行使用和合并列分别使用rowspan、colspan属性。

3、html合并单元格的方法如下：打开HTML编辑器。在td标签中添加colspan=“”，引号内填写相应的阿拉伯数字即可合并列。在td标签中添加rowspan=“”，引号内填写相应的阿拉伯数字即可合并行。

4、rowspan，表示合并行。rowspan等于几就是合并几个行的单元格。比如：rowspan=2，就是合并了2个行的单元格。Colspan、rowspan都是写在td标签里的。

html中table表格里添加图片和文字问题

1、给左侧的图片加一个css样式： vertical-align： middle，如下图。

2、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。将index.html中的table标签的第2行调整为：trtd colspan=3img src=smallpng //td/tr。

3、看一下你的表格的这个属性：cellpadding=。 这个属性控制表格内容与边框的距离。它的值不为 0 或空的话，里面的内容就会与边框有距离，直观上就会留有空白。

4、table加style=table-layout：fixed td宽度设固定值，带图片的，最好参考图片的最大宽度。两步设置完，应该不会对不齐了。开发阶段，可以把table得border调出来，这样可以直接看效果，等设定好了再取消border就行。

5、th img { position：relative；top：2px；} 给图片添加一个相对定位，然后设置合适的top，就可以了。满意请采纳。