<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>桂林山水风景图片</title> <style type="text/css"> h3{color: red;} img{ 100px;height: 100px;border:0px;} ul{list-style-type: none;text-align: center;} li{ 120px;line-height: 30px;display: inline;float: left;} </style> </head> <body> <h3 align="center">桂林山水风景图片</h3> <ul> <li><a href="image51.jpg" target="_blank"><img src="image51.jpg"><br/>桂林山水1<br/></a></li> <li><a href="image52.jpg" target="_blank"><img src="image52.jpg"><br/>桂林山水2<br/></a></li> <li><a href="image53.jpg" target="_blank"><img src="image53.jpg"><br/>桂林山水3<br/></a></li> <li><a href="image54.jpg" target="_blank"><img src="image54.jpg"><br/>桂林山水4<br/></a></li> </ul> </body> </html>