html study2
<html>
<head>
<title>Welcome to my first HTML page!</title>
</head>
<body>
<table border="1" width="100%">
<th >图片显示<th>
<tr height="140px">
<td><img src="image/0.png" align="center" hspace="25px" width="40%"></td>
<td><img src="image/4_pre.png" align="left" width="60%"></td>
</tr>
<tr height="120px">
<td><img src="image/6_pre.png" align="right" ></td>
<td><img src="image/10_pre.png" align="button" hspace="25px"></td>
</tr>
<tr height="150px" >
<td><img src="image/14.png" align="middle" hspace="15px" width="50px"></td>
<td><img src="image/AdvanceTools_InstallOneKeyoc.png" align="top" width="150px"></td>
<td><img src="image/wb_lock.png" align="right" hspace="20px" width="70px"></td>
</tr>
</table>
<img src=image/boat.png width="240" hspace="20px" >
<img src=image/9.png width="240" vspace="30px" >
<comment> 使用绝对路径指定图像路径</comment>
<table border="1">
<tr> <th>图像间距说明</th> <th>图像间距示例</th></tr>
<tr> <td>未指定图像间距</td>
<td> <img src=image/0.png width="100">
<img src=image/5.png width="100"></td> </tr>
<tr> <td>指定图像水平间距</td>
<td> <img src=image/5.png width="100">
<img src=image/7.png width="100" hspace="55"></td> </tr>
<tr> <td>指定图像垂直间距</td>
<td> <img src=image/0.png width="100">
<img src=image/0.png width="100" vspace="25"></td> </tr>
<tr> <td>指定了水平与垂直间距</td>
<td> <img src=image/5.png width="100">
<img src=image/5.png width="100" hspace="55" vspace="25">
</td></tr>
</table>
<table border="1">
<tr><th>水平对齐方式</th> <th>水平对齐示例</th> </tr>
<tr>
<td align="center">默认</td>
<td>
春天来了，我还含苞欲放。<img src="image/0.png" width="150">春天来了，我要绽放，开出漂亮的朵朵鲜花。
</td>
</tr>
<tr>
<td align="center">左对齐</td>
<td>
春天来了，我还含苞欲放。<img src="image/0.png" width="150" align="left">春天来了，我要绽放，开出漂亮的朵朵鲜花。 </td>
</tr>
<tr>
<td align="center">居中对齐</td>
<td>
春天来了，我还含苞欲放。<img src="image/0.png" width="150" align="center">春天来了，我要绽放，开出漂亮的朵朵鲜花。 </td>
</tr>
<tr><td align="center">右对齐</td>
<td>春天来了，我还含苞欲放。<img src="image/0.png" width="150" align="right">春天来了，我要绽放，开出漂亮的朵朵鲜花。</td></tr>
</table>
<table border="1">
<tr> <th>垂直对齐方式</th> <th>垂直对齐示例</th> </tr>
<tr> <td align="center">默认</td>
<td>春天来了，我还含苞欲放。<img src="image/5.png" width=“150”>春
天来了，我要绽放，开出漂亮的朵朵鲜花。</td></tr>
<tr> <td align="center">顶部对齐</td>
<td>春天来了，我还含苞欲放。<img src="image/0.png" width="150"
align="top">春天来了，我要绽放，开出漂亮的朵朵鲜花。</td></tr>
<tr> <td align="center">居中对齐</td>
<td>春天来了，我还含苞欲放。<img src="image/5.png" width="150"
align="middle">春天来了，我要绽放，开出漂亮的朵朵鲜花。</td></tr>
<tr> <td align="center">底部对齐</td>
<td>春天来了，我还含苞欲放。<img src="image/0.png" width="150"
align="bottom">春天来了，我要绽放，开出漂亮的朵朵鲜花。</td></tr>
</table>
<center>
<img src=image/0.png width=“200” height=“140” alt=“我没有边框，
也不是超链接">
<img src=image/9.png width=“200” alt=“我没有边框，也不是超链
接">
<br>
<img src=image/5.png width=“200” alt=“我有边框，但不是超链接
" border="5">
<a href=“http://www.baidu.com”> <img src=image/7.png width=“200” alt=“我
有边框，也是超链接" border="5"></a>
</center>
<bgsound src="sound/music.mp3" loop="-1">
<center>
<font size="50">《菊花》<br>
飒飒西风满院栽，<br>
蕊寒香冷蝶难来。<br>
他年我若为青帝，<br>
报与桃花一处开。
</font><br>
</center>
<table width="30%" border="0" cellspacing="0" cellpadding="0"
bgcolor="#7fffd4" align="right">
<tr> <td align="center"><font face="隶书" size="5">公
告 </font> </td> </tr>
<tr> <td height="150px">
<marquee behavior="scroll" direction="up" bgcolor="#7fffd4"
height="150px" vspace="15" scrolldelay="300"
onMouseOver=this.stop() onMouseOut=this.start()>
<font face="宋体" size="4">
学校将于近期举办校园卡拉OK大赛，报名截
止日期10月12日，报名处在班文艺委员处，希望同
学们勇跃参加。
</font>
</marquee> </td>
</tr>
</table>
<table border="1">
<tr>
<td><h2>插入音频或视频文件</h2></td>
<td> <h2>插入flash文件</h2> </td>
</tr>
<tr>
<td><embed src="sound/music.mp3" autostart=
true loop="true"> </td>
<td><embed src="swf/2.swf" type="application/
x-shockwave-flash" width="300"
pluginspage="http://www.macromedia.
com/go/getflashplayer" > </td>
</tr>
</table>
<font size=70><center> <a href="sound/music.mp3">
music.mp3</a></center>
</font>
</body>
</html>
浙公网安备 33010602011771号
