如何在HTML表格中插入图片_IT百科

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、将index.html中的<table>标签的第2行调整为：<tr><td colspan="3"><img src="small2.png" /></td></tr>。

3、浏览器运行index.html页面，此时图片成功占了表格的第4-6格。

在Dreamweaver CS6中新建一个html空白文档，将页面内容放入<body></body>中。选中背景图即可插入。

详细步骤：

工具/材料：

1、新建文件夹并将其命名为“表格”。

2、将背景图放入新建的”表格“文件夹里。

3、在Dreamweaver CS6中新建一个html空白文档。

4、将页面内容放入<body></body>中。

5、在<body后按一下空格键，找到background，再按空格，点击“浏览”，找到背景图的位置。

6、选中背景图，点击“确定”。

7、图片插入完成。

8、将这个html另存为在“表格”文件夹里。

9、点击这个预览图标，就可以在浏览器中查看效果。

10、完成效果图。

参考资料：

百度百科-HTML表单

欢迎分享，转载请注明来源：内存溢出

如何在HTML表格中插入图片