在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、选中其中一个热点,在下方的属性窗口中的链接栏填上你的链接,热点链接就创建完成了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)