xxxxxxxxxx
<html>
<title>W3.CSS(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3cschools.cn/w3css/4/w3.css">
<body>
<header class="w3-container w3-teal">
<h1>头部信息</h1>
</header>
<img src="img_car.jpg" alt="Nice car" style="width:100%">
<div class="w3-container">
<p>汽车是用于运输的轮式自供电汽车。该术语的大多数定义都规定汽车的设计主要是在道路上行驶,可容纳1至8人的座位,通常具有四个车轮。(维基百科)</p>
<table class="w3-table w3-bordered w3-striped">
<tr class="w3-teal">
<th>名字</th>
<th>姓</th>
<th>点数</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>夏娃</td>
<td>杰克逊</td>
<td>94</td>
</tr>
<tr>
<td>亚当</td>
<td>约翰逊</td>
<td>67</td>
</tr>
</table>
</div>
<div class="w3-row-padding w3-section">
<div class="w3-half">
<div class="w3-card">
<img src="img_london.jpg" alt="London" style="width:100%">
<div class="w3-container">
<p>伦敦是英格兰的首都</p>
<p>它是英国人口最多的城市,人口超过1300万。</p>
</div>
</div>
</div>
<div class="w3-half">
<div class="w3-card">
<img src="img_london.jpg" alt="London" style="width:100%">
<div class="w3-container">
<p>伦敦是英格兰的首都</p>
<p>它是英国人口最多的城市,人口超过1300万。</p>
</div>
</div>
</div>
</div>
<footer class="w3-container w3-teal">
<h5>页脚</h5>
<p>页脚信息在这里</p>
</footer>
</body>
</html>