表格和表单标签及input控件的学习使用

本文详细介绍了HTML5中表格的创建、属性,包括合并单元格、表格标题和总结。同时,深入探讨了表单的构成,如input控件的多种类型,label标签的使用,以及textarea、select和form表单域的语法和属性。此外,还提到了HTML5的新标签如audio和video,用于多媒体播放。
摘要由CSDN通过智能技术生成

表格

List item

表格是一种比较常用的标签,但不是用于布局;常用于处理和显示表格式数据。在html网页中想要创建表格就需要使用表格相关的标签 创建表格的基本语法如下:

 <table>
	<tr>
		<td>单元格内的文字</td>
		......
	</tr>
	......
  </table>

在以上的语法中包含三对HTML 标签 分别为 <table></table> <tr></tr>
<td></td> 他们是创建表格的基本标签,缺一不可:
1.table 用于定义一个表格;
2. tr用于定义表格中的一行 必须嵌套在 table标签中 在table中包含几对 tr 就
有几行表格;
3. td /td: 用于定义表格中的单元格 必须嵌套在 <tr></tr> 标签中 , 一对<tr></tr>
包含几对<td></td> 就表示该行中有多少列(或多少个单元格)。
注意:<tr></tr> 中只能嵌套 <td></td>
<td></td> 标签 他就像一个容器 可以容纳所有的元素

表格属性:


表头标签:
表头一般位于表格的第一行或第一列 其中文本加粗居中 设置表头非常简单 只需要用表头标签<th></th>替代相应的单元格标签<td></td>即可。
表格标题
表格的标题: caption

定义和用法: caption 元素定义表格标题

<table>
	<caption> 我是表格标题 </caption>
</table>

caption 标签必须紧随 table 标签之后 您只能对每个表格定义一个标题 通常这个标题会被居中于表格之上。

合并单元格

跨行合并: rowspan 跨列合并 : colspan;
对多个单元格的合并时需要将多余的单元格删除掉,删除掉的单元格永远比需要合并的单元格少一

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值