手机
当前位置:查字典教程网 >网页设计 >photoshop >PhotoShop分割图片并通过Html组合显示
PhotoShop分割图片并通过Html组合显示
摘要:不多说了,直接按下面的步骤进行吧。点击右上角save保存,对话框中选择保存成html。生成的html代码如下所示:复制代码代码如下:Wate...

不多说了,直接按下面的步骤进行吧。

PhotoShop分割图片并通过Html组合显示1

PhotoShop分割图片并通过Html组合显示2

PhotoShop分割图片并通过Html组合显示3

PhotoShop分割图片并通过Html组合显示4

点击右上角save保存,对话框中选择保存成html。

PhotoShop分割图片并通过Html组合显示5

生成的html代码如下所示:

复制代码代码如下:

<html>

<head>

<title>Water lilies</title>

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<>

<table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="3">

<img src="images/Water-lilies_01.gif" width="800" height="120" alt=""></td>

</tr>

<tr>

<td rowspan="2">

<img src="images/Water-lilies_02.gif" width="339" height="480" alt=""></td>

<td colspan="2">

<img src="images/Water-lilies_03.gif" width="461" height="209" alt=""></td>

</tr>

<tr>

<td>

<img src="images/Water-lilies_04.gif" width="311" height="271" alt=""></td>

<td>

<img src="images/Water-lilies_05.gif" width="150" height="271" alt=""></td>

</tr>

</table>

<>

</body>

</html>

【PhotoShop分割图片并通过Html组合显示】相关文章:

Photoshop CS6许可证过期了的解决方法

使用Photoshop绘制一幅浪漫的夏夜壁纸

用Photoshop制作照片叠加效果

Photoshop制作迷人的黑夜传说

Photoshop制作古色非主流效果

photoshop制作gif动画实例

用Photoshop如何制作虚线

Photoshop处理家庭儿童照片数码的方法

用Photoshop制作数码点阵地图特效

Photoshop制作变幻线

精品推荐
分类导航