在以前的网页布局中，我们会用表格进行布局，但是随着时间的增长，语言的进步，我们的表格布局用的也就越来越少，现在大部分的网站都会使用div+css进行布局，搜索引擎对表格布局的并不是很友好，在抓取网站的内容时，div+css布局能更好的被搜索引擎抓取，那么我们今天来谈下表格布局。
首先，我们要知道表格的标签有哪些？
| 、 |
我们下面写个例子，然后把这些标签都运用到例子里面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1"> <tr> <th>ID</th> <th>名称</th> <th>价格</th> <th>库存</th> <th>上线时间</th> <th>操作</th> </tr> <tr> <td>1</td> <td>相机</td> <td>1499</td> <td>999</td> <td>2015.6.8</td> <td>修改 删除</td> </tr> </table> </body> </html> 登录后复制 效果图如下：
这样的效果并不是很好看的，我们继续给表格完善一下 设置固定的宽高，与边框，边框是一条实线 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
table{
width: 500px;
height:100px;
text-align: center;
}
td{
width:90px;
}
</style>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<th>ID</th>
<th>名称</th>
<th>价格</th>
<th>库存</th>
<th>上线时间</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>相机</td>
<td>1499</td>
<td>999</td>
<td>2015.6.8</td>
<td>修改 删除</td>
</tr>
</table>
</body>
</html>登录后复制 这样的话，表格就会好看很多了，当然我们里面还有属性， colspan rowspan 如果制作个人简历的话，用表格布局，我们就会用到这俩个属性，合并行与单元格,这个在php中文网的 html基础入门的课程中有这块的实例，不会的小伙伴可以去参考一下！ 本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
PX自动转换为REM错误
<style>html { 字体大小：calc(100vw / 3.75); }body { 字体大小：0.16rem； }</s...
来自于 2024-04-16 09:34:16
0
0
4687
页面突然无法拉动 css 或 bootstrap
所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...
来自于 2024-04-06 21:58:04
0
1
800
解决CSS中页面底部神秘空白的方法
我正在尝试使用Bootstrap和D3构建一个简单的网页，但我不知道如何消除底部的所有空白。我想摆脱它。我尝试将body和html的min-height设置为100%，但没有任何作...
来自于 2024-04-06 20:22:15
0
1
454
如何在 livewire 惰性占位符中使用 laravel 组件
我想在livewire3占位符内添加我的laravel组件的骨架到目前为止我已经尝试过：通过包含Laravel组件来实现Livewire类：publicfunctionplaceh...
来自于 2024-04-06 20:02:10
0
2
543
用 HTML 代码（从数组生成）替换字符串的顶级方法
给定一个像这样的字符串...$htmlPattern="Usernameis:#name#andusercompanyis#company#";如何将子字符串#...
来自于 2024-04-06 17:40:41
0
2
410
热门教程
更多>
|
|---|
