前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

HTML基础教程:使用表格的布局(html表格布局(写代码))

使用表格的 HTML 布局

<table> 元素不是作为布局工具而设计的。

<table> 元素的作用是显示表格化的数据。

这里设置的solid是定义实线。

使用 <table> 元素能够取得布局效果,因为能够通过 CSS 设置表格元素的样式:

<html>
<head>
<style>
table.a {
 width:100%;
 border:5px solid #dfffdd;
}
table.a th, td { 
 padding:10px;
}
table.a th {
 width:100px;
}
</style>
</head>
<body>
<table class="a">
<tr>
 <th>
 <img src="url" alt="Note" style="height:66px;width:66px">
 </th>
 <td>
 The table element was not designed to be a layout tool.
 </td>
</tr>
<tr>
 <th>
 <img src="url" alt="Note" style="height:66px;width:66px">
 </th>
 <td>
 The table element was not designed to be a layout tool.
 </td>
</tr>
</table>
</body>
</html>

希望以上可以解决你们心中的一些疑惑,其中可能会有不对的地方或是需要改进的地方,欢迎留言纠正。感觉还不错欢迎关注收藏转载哦 !!!!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言