首页 / HTML / html中表格与列表的实例教程
html中表格与列表的实例教程
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html中表格与列表的实例教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2070字，纯文字阅读大概需要3分钟。
内容图文
今天准备为大家准备了表格和列表。
一、文章有各种数据的表格这个网页也不例外。
（1）、标签意思
<table>----------------------表格开始
<caption></caption>-------表格标题
<tr>--------------------行开始标签
<th></th>-------------表头
<tb></tb>-------------单元格
</tr>-------------------行结束标签
</table>---------------------表格结束
（2）、表格样式
cellpadding 属性设置单元格边框和单元格内容的距离。
cellspacing 属性设置单元格之间的距离。
border 属性表示边框
width 设置表格的宽。
height 设置表格的高。 [注]：高这个属性最好不小给 table 中写，让它自动撑开就好。但这个可以给 tr 给每行需要的高度
代码
<html>
<head>
<title>表格</title>
</head>
<body>
<table border="1px" width="500px" cellpadding="10px" cellspacing="10px">
<caption>表格标题</caption>
<tr height="50px">
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
</body>
</html>效果
二、无序列表
<ul> 无序列表属性：
<li></li> （type属性） <ul type="dise">（是无序列表前边小黑点的属性）
</ul> disc(实心圆) circle（空心圆） square（方块）
代码
<html>
<head>
<title>表格</title>
</head>
<body>
<ul type="circle">
<li>无序列表</li>
</ul>
</body>
</html>效果
三、有序列表
有序列表：
<ol> 有序列表属性：
<li></li> （type属性） <ol type="1">
</ol> 1(按数字1.2.3...往下排) A（按大写字母A.B.C...往下排） a（按小写字母a。b。c....往下排）
Ⅰ(按大写罗马数字Ⅰ、Ⅱ、Ⅲ.....往下排)
（start属性）<ol start="2">(表示这个有序列表不是默认的从1开始是从2开始的)
代码
<html>
<head>
<title>有序列表</title>
</head>
<body>
<ol type="A">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
</body>
</html>效果 按照A,B,C... 往下排 type 只能写那三种
以上就是html中表格与列表的实例教程的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的html中表格与列表的实例教程全部内容，希望文章能够帮你解决html中表格与列表的实例教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。