HTML表格标签的使用-<table>

最新推荐文章于 2021-06-27 18:02:37 发布

hymKing

最新推荐文章于 2021-06-27 18:02:37 发布

阅读量2.3k

点赞数

分类专栏： web前端文章标签： table

本文链接：https://blog.csdn.net/hymking/article/details/24815649

版权

web前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html>
 <head>
  <title> 表格标签 </title>
<!--
标签名：table 定义一个表格
 子标签：<caption> 定义表格标题
	属性：align=top（默认）
	子标签：tr，td
	td属性：colspan=“2”表示某个单元格占了两列
	th定义某一个单元格为表头信息，效果和td中的文字加粗，居中一样。
属性：border 定义边界线  默认是给表格外层和和每个单元格添加了边缘线
      cellspacing:-------------
	  cellpadding:-------------
	  width：表格宽度定义;高度一般不定义。数据大小不确定啊
	  cellspacing=0
   
-->
 </head>
	
 <body>
 <!--第一个表格-->
	<table border="10px" cellspacing="0px" cellpadding="10px" width="800px"  height="40px">
		<caption align="left">班级名单1</caption><!---->
		<tr><!--第一行-->
			<td>姓名</td>
			<td>年龄</td>
		</tr>

		<tr><!--第一行-->
			<td>胡玉勉</td>
			<td>26</td>
		</tr>
	</table>
	<br><br>
	<hr>
<!--第二个表格-->
	<table border="10px" cellspacing="0px" cellpadding="10px" width="800px"  height="40px">
		<tr><!--第一行-->
			<td colspan="2">花名册</td>
		</tr>
		<tr>
			<td>姓名</td>
			<td>年龄</td>
		</tr>

		<tr>
			<td>胡玉勉</td>
			<td>26</td>
		</tr>
	</table>
 </body>
</html>

hymKing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML表格标签的使用-<table>

表格标签 <!--标签名：table 定义一个表格子标签：定义表格标题属性：align=top（默认）子标签：tr，td td属性：colspan=“2”表示某个单元格占了两列 th定义某一个单元格为表头信息，效果和td中的文字加粗，居中一样。属性：border 定义边界线默认是给表格外层和和每个单元格添加了边缘线 cellspacing:---------
复制链接

扫一扫