HTML表格之简单应用
html
table
th
tr
在以前的网页布局中，我们会用表格进行布局，但是随着时间的增长，语言的进步，我们的表格布局用的也就越来越少，现在大部分的网站都会使用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
热AI工具
Undresser.AI Undress人工智能驱动的应用程序，用于创建逼真的裸体照片 
AI Clothes Remover用于从照片中去除衣服的在线人工智能工具。 
Undress AI Tool免费脱衣服图片 
Clothoff.ioAI脱衣机 
AI Hentai Generator免费生成ai无尽的。 
热门文章
R.E.P.O.能量晶体解释及其做什么（黄色晶体）
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
刺客信条阴影：贝壳谜语解决方案
2 周前
By DDD
R.E.P.O.如果您听不到任何人，如何修复音频
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25：如何解锁Myrise中的所有内容
1 个月前
By 尊渡假赌尊渡假赌尊渡假赌
热工具
记事本++7.3.1好用且免费的代码编辑器 
SublimeText3汉化版中文版，非常好用 
禅工作室 13.0.1功能强大的PHP集成开发环境 
Dreamweaver CS6视觉化网页开发工具 
SublimeText3 Mac版神级代码编辑软件(SublimeText3)
热门话题 |
|---|
