WEB前端程序开发

html5+css3 day2

2020-03-14  本文已影响0人  主神12580
特别鸣谢黑马程序员pink老师!此教程视频在哔哩哔哩搜索黑马pink老师以下是我个人的学习笔记,有问题可以问我哦!

目标

。。。。

1.表格标签

主要用于显示、展示数据

table为表框架,tr为行,td为单位格

①表头单元格:常用第一行,突出重要性,表头单元格里面的文字会加粗居中显示。

②表格的属性

属性放在table标签中 示例 效果

③表格结构标签

1.<thead></thead>

用于定义表格的头部(框架)

2.<tbody></tbody>

用于定义表格的主体,主要用于放数据本体

以上标签放在table标签里面

④合并单元格

跨行合并:rowspan="合并单元格数"

跨列合并:colspan="合并单元格的个数"

跨行:最上侧单元格为目标单元格,写合并代码。跨列:在最左侧写合并代码

2.列表标签

㈠无序列表

①<ul>表示html页面中的无序列表,而列表项使用<li>标签定义

② <li>可嵌套任何标签

。。。。

㈡有序列表

①<ol>定义有序列表,<li>列表项

㈢自定义列表

。。。。。

3.表单标签

①表单组成一个完整的表单通常由表单域、表单控件、提示信息3部分构成

②表单域:<form>标签用于定义表单域,以实现用户信息的收集和传递。具体后期学

③表单元素:

⑴<input>标签

input的type属性及其值

radio和checkbox中的name要一致。

input的其他属性

⑵label标签

。。。。。。

⑶select标签

下拉框

留言板

4.养成经常查阅文档的习惯

上一篇下一篇

猜你喜欢

热点阅读