HTML实例-075 使用表格的 HTML 布局

hrs 提交于 2019/11/16 - 22:54 , 周六

使用表格的 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>

运行效果:

html_075.png

标签