1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
5 <title>网页标题</title>
6 <meta name="keywords" content="关键字列表" />
7 <meta name="description" content="网页描述" />
8 <link rel="stylesheet" type="text/css" href="" />
9 <style type="text/css">
10 /**设计标题的右外边距**/
11 h2{
12 margin-right:300px;
13 }
14 /**设计段落右外边距**/
15 p{
16 margin-right:200px;
17 }
18 img{
19
20 }
21 </style>
22 <script type="text/javascript"></script>
23 </head>
24 <body>
25 <h2 align="right">公司相册展示效果图</h2>
26 <p align="right"><font color="blue">案例说明：使用图片标记结合预排板标记，制作相册效果图。</font></p>
27 <hr width="1000" />
28
29
30 <div align="center">
31 <a href="06xiyuan.jpg" target="_blank"><img src="06xiyuan.jpg"></a>
32 <a href="04dinghuisi.jpg" target="_blank"><img src="./04dinghuisi.jpg"></a>
33 <a href="06xiyuan.jpg" target="_blank"><img src="06xiyuan.jpg"></a>
34 <a href="07datun.jpg" target="_blank"><img src="07datun.jpg"></a>
35 <a href="08panjiayuan.jpg" target="_blank"><img src="08panjiayuan.jpg"></a><br />
36 <a href="06xiyuan.jpg" target="_blank"><img src="06xiyuan.jpg"></a>
37 <a href="./04dinghuisi.jpg" target="_blank"><img src="./04dinghuisi.jpg"></a>
38 <a href="06xiyuan.jpg" target="_blank"><img src="06xiyuan.jpg"></a>
39 <a href="07datun.jpg" target="_blank"><img src="07datun.jpg"></a>
40 <a href="08panjiayuan.jpg" target="_blank"><img src="08panjiayuan.jpg"></a><br />
41 <a href="06xiyuan.jpg" target="_blank"><img src="06xiyuan.jpg"></a>
42 <a href="./04dinghuisi.jpg"target="_blank"><img src="./04dinghuisi.jpg"></a>
43 <a href="06xiyuan.jpg" target="_blank"><img src="06xiyuan.jpg"></a>
44 <a href="07datun.jpg" target="_blank"><img src="07datun.jpg"></a>
45 <a href="08panjiayuan.jpg"target="_blank"><img src="08panjiayuan.jpg"></a>
46 </div>
47 </body>
48 </html>
