使用表格实现如图效果
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>haoshuai的文档2020214387</title>
<style>p {text-indent:2em;} </style>
</head>
<body>
<table border="1" >
<tr><td colspan="4" align="center"><img src="1.jpg" /></td></tr>
<tr>
<td> <a href="#">旅游须知</a></td>
<td> <a href="#">旅游景点</a></td>
<td> <a href="#">旅游图库</a></td>
<td> <a href="#">特色美食</a></td>
</tr>
<tr rowspan="2" >
<th ><img src="2.jpg" width="140" height="140"/></th>
<td colspan="3" valign="top">
旅顺口地处辽东半岛最南端，三面环海，一面与大连市区相连，隔海与山东半岛相望。<br />
全区土地面积506平方公里， 其中城区规划面积37平方公里，海岸线总长169公里。<br />
是国家级重点风景名胜区、国家级自然保护区、国家森林公园和历史文化名城。<br />
旅顺口区距大连市中心45公里，有三条高级公路通往大连市区。
</td>
</tr>
<tr rowspan="2">
<th ><img src="3.jpg" width="140" height="140"/></th>
<td colspan="3" valign="top">
旅顺口历史悠久，最早名称叫"将军山"，将军山是老铁山的一部分。早在四五千年前，<br />
老铁山下就有人类的活动，现今铁山街道郭家村北大岭新石器时期遗址就证实了这一点。<br />
铁山街道于家头坨出土的铜器则告诉我们商朝时期人类在这里活动的情况。<br />
战国时这里属燕国的"辽东郡"。
</td>
</tr>
</table>
</body
>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
