首页 > 代码库 > <pre>标记的使用...

<pre>标记的使用...

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8     <h2 align="center">学校片角图片展</h2>
 9     <p align="center">点击图片放大以第一个为例便可<p>
10     <hr/>
11     <!-- 采用预排版布局  简单粗暴了事 -->
12         <h2 align="center"><pre><a href="images/01.jpg"><img src="images/01.jpg" width="200" /></a> <a href="images/02.jpg"><img src="images/02.jpg" width="200"  /></a> <img src="images/01.jpg" width="200"  /><br><img src="images/02.jpg" width="200"  /> <img src="images/01.jpg" width="200"  /> <img src="images/02.jpg" width="200"  /><br><img src="images/01.jpg" width="200"  /> <img src="images/02.jpg" width="200"  /> <img src="images/01.jpg" width="200"  /></pre></h2>
13     <hr/>
14     </body>
15 </html>

技术分享

<pre>标记的使用...