在网页制作之中,表格标签是常用的标签之一,比如制作表格,或者利用表格的整齐性来设置页面布局。
<table></table>来用来制作表格,所以制作表格的语句在其之间;<tr></tr>则修饰表格行;而<td></td>修饰表格数据,这包含在<tr></tr>中。
其中table有不少属性,比如:border,bordercolor,cellspacing,width,height,bgcolor。boder表示外框边线的粗细,bodercolor表示边线的颜色,cellspacing表示单元格之间的空隙,width表示表格的宽,height表示表格的高,bgcolor表示背景色。
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title size="10" color="red">welcome to HTML</title>
</head>
<body>
<table border="1" bordercolor="blue" cellspacing="0" width="400" height="150">
<tr align="center">
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
<tr>
<td>carson</td>
<td>男</td>
<td>24</td>
</tr>
<tr>
<td>thl</td>
<td>女</td>
<td>24</td>
</tr>
<tr>
<td>Alice</td>
<td>女</td>
<td>24</td>
</tr>
</table>
</body>
</html>
效果图:
![](http://freedede.oss-cn-hangzhou.aliyuncs.com/2020/9/fy6num.jpg?x-oss-process=style/syzhong)
以上就是html表格标签的详细内容,更多请关注爱上源码网其它相关文章!
微信
分享
相关标签:html 表格 标签
本文原创发布爱上源码网,转载请注明出处,感谢您的尊重!
- 上一篇:HTML5 Canvas
- 下一篇:HTML5 内联 SVG
相关文章
相关视频
- HTML和CSS结合的几种方式
- HTML5简介
- HTML5新增的语义标签
- HTML5中新增加的标签
本文有爱上源码下载完入驻作者发布,如果对您版权造成侵害,可以联系本站站长管理进行维权删除,本站收到维权24小时内进行处理,谢谢您关注23ym.cn!
本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~ |