使用表格的 HTML 布局
注释：<table> 元素不是作为布局工具而设计的。<table> 元素的作用是显示表格化的数据。使用 <table> 元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式。
实例代码：
<!doctype htme>
<head>
<meta charset="utf-8">
<style>
table{
width:680px;
height:85px;
}
td{
font-size:20px;
background-color:black;
color:white;
text-align:center;
}
</style>
</head>
<html>
<body>
<h1>这是一个利用表格来布局的实例</h1>
<table border="1">
<tr>
<th style="width:194px;height:85px">
<img src="img/dwoke_logo.png" alt="dwoke" >
</th>
<td>你行网</td>
</tr>
</table>
</body>
</html>
运行效果：
评论