第六天:表格标签

表格

表格的作用就是可以以结构方式展示行列数据,可以使信息更加的清晰,并易懂方便对比,主要用于数据的展示或者后台管理系统的信息展示

表格的基本组成:首先是table,它是表格的容器标签也是最大的标签,tr是行标签,td是单元格标签,th则是表头单元格,这里我们要注意在网页中是没有列标签的,通常是用行和单元格来展示的

image

image

 

如果我们想给标签加上框架则用代码border,它是table的一个属性,在表格中最常用的就是thead和tbody,合并单元格:首先我们要确定合并单元格是跨行还是跨列,跨行使用rowspan,跨列使用clspan,然后再找到目标单元格,遵循左上原则,再写合并数量

表单

表单的用处就是可以用于收集用户输入的数据,并且再将数据提交到后端进行处理,表单的核心标签有三个部分组成:1表单容器form定义表单的容器,包裹所有表单控件,默认包含action属性,2表单控件,包含input通用输入控件,textarea多行文本输入框,select下拉选择框,button自定义按钮等,3辅助标签,label关联输入控件的文字标签,提升可访问性,更好的提高表单的用户体验。表单容器你可以理解为一个大的盒子,就是一个区域,把区域内的信息收集起来。

form标签,他是一个双标签,作用是定义表单的容器,是包含所有的表单控件,并结合表格的框架函数就可以得到:

image

image

总结:今日学习了表单和表格,理解了表单的三种格式,表格的框架等,后面美化我们将使用到css来学习,其次学习了表单的控件使用。

学习进度:8%

明天学习期望:温故而知新,复习一下今天的内容,并且加快之后的学习进度。

 

 

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    请登录后查看评论内容