html表单如何添加背景图片

html-css028

html表单如何添加背景图片,第1张

在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编辑窗口插入相应命令即可在html表格中加入图片,具体操作步骤如下:

1、将html文件和图片放在同一文件夹,例如放在电脑桌面,如下图所示;

2、打开html编辑窗口,对表格进行编辑,完成表格的标签,如下图所示;

3、在单元格“table”里面插入图片的标签,然后在“单元格td”后面插入图片的保存路径即可,如下图所示。

需要在一张图片上设置多个能点击跳转的链接区域时,推荐使用网页的热点链接

参考代码如下:

<map name="Map" id="Map">

  <area shape="rect" coords="89,41,379,136" href="#" target="baidu.com" />

  <area shape="rect" coords="89,175,394,264" href="#" />

  <area shape="rect" coords="95,293,386,355" href="#" />

</map>

网页热点使用方法:

个人推荐Dreamwever可视化操作来创建网页热点。

1、打开Dreamwever,新建一个页面,插入一张图片,

2、使用左下角的热点工具。

3、点击“矩形”或其他热点工具,再在图片上拖动位置

4、选中其中一个热点,在下方的属性窗口中的链接栏填上你的链接,热点链接就创建完成了。