<html>
<head>
</head>
<body>
<table border="1">
<tr><td colspan="2" rowspan="2">A</td><td>B</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
<tr><td>J</td><td>H</td><td>I</td></tr>
<table border="1">
<tr><td colspan="2" rowspan="2">A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td></tr>
<tr><td>J</td><td>H</td><td>U</td><td>G</td></tr>
<tr><td>Z</td><td>S</td><td>K</td><td>I</td></tr>
</table>
<hr>
<img src="../fb/Hydrangeas.jpg" width="300" height="300" title="紫阳花" usemap="#m1"/>
<br/>
<img src="../fb/Tulips.jpg"width="300" height="300" title="郁金香"/>
<map name="m1">
<area shape="circle" coords="25,25,25" href="../fb/b.html">
<area shape="rect" coords="110,110,190,190" href="../fb/c.html">
</map>
</body>
</html>
插入图片
1.表示颜色
VGA16种颜色可直接用单词表示
3节16进制
<body bgcolor="#ffffff"> （bgcolor为背景颜色）
2.位图与矢量图：位图（表示灰度很好）/矢量图（表示位置，不会出现方块）
3.文件格式：GIF（无损压缩/可多图压缩）/JPEG(24bit/支持有损压缩/不能多图压缩)/PNG
add:有损压缩技术含量更高
4.<img>元素: <img src="图像的URL"alt="提示"title="图片名称"/>
5.静态流显示
（行高由图片决定）
ADD:1.图片与字符串分批到达：只传字符串，读到图片时，第二次发送http请求，才传送图片，继续。
2.保证用户体验，先出字再出图片，所以插入的图片都要定下宽高
5.图片加上超链接
6.图片映象（热区）（“负载图上的玻璃”）
1>.坐标
2>.区域形状
1.圆形：
shape="circle"coords="x,y,r"(圆心/半径)
2.矩形：
shape="rect"coords="x1,y1,x2,y2"(左上角点的坐标/右下角的坐标)
3.多边形：
shape="poly"coords="x1,y1,x2,y2,x3,y3,x4,y4"(点1，点2，点3，点4)
3>.热点区域
文件a:
<html>
<head>
</head>
<body>
<img src="../fa/Lighthouse.jpg"width="300"height="300"title="城堡"/>
<br/>
<img src="../fa/Koala.jpg"width="300"height="300"alt="考拉"title="考拉"usemap="#m1"/>
<map name="m1">
<area shape="circle"coords="25,25,25"href="../fa/b.html"/>
<area shape="rect"coords="110,110,190,190"href="../c.html"/>
</map>
</body>
</html>
7.表格：
add:td里能放body里放的所有东西，表格也行--递归
单元格合并
<html>
<head>
</head>
<body>
<table border="1">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
<tr><td>G</td><td>H</td><td>I</td></tr>
</table>
<table border="1">
<tr><td colspan="2">A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
<tr><td>G</td><td>H</td><td>I</td></tr>
</table>
<table border="1">
<tr><td rowspan="2">A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
<tr><td>G</td><td>H</td><td>I</td></tr>
</table>
<table border="1">
<tr><td rowspan="2"colspan="2" >A</td><td>B</td><td>C</td></tr>
<tr><td>A</td><td>B</td></tr>
<tr><td>A</td><td>B</td><td>C</td><td>C</td></tr>
<tr><td>A</td><td>B</td><td>C</td><td>C</td></tr>
</table>
浙公网安备 33010602011771号