手机
当前位置:查字典教程网 >网页设计 >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处理照片为泼墨风景画

Photoshop打造梦幻光影照片效果

Photoshop教程 用定义图案巧绘指纹字特效

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

Photoshop肤色调整19大秘诀

Photoshop CS3制作动画:图层样式的妙用

Photoshop将照片转成水彩画特效

ps教程 Photoshop CC智能切图功能教程

Photoshop图片合成教程:美女和树

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

精品推荐
分类导航