day07 高级元素之列表_表单_表格
📄️ 列表的实现方式
- 在开发一个网页的过程中,很多数据都是以列表的形式存在的
📄️ 有序列表 ordered-list
- ol - HTML | MDN (mozilla.org)
📄️ 无序列表 unordered-list
- ul:无序列表元素 - HTML | MDN (mozilla.org)
📄️ 定义列表 definition-list
- dl- HTML | MDN (mozilla.org)
📄️ 列表案例
- 先完成结构
📄️ CSS 属性继承性案例
CSS 的某些属性具有继承性 (Inherited):
📄️ 表格 table
- table - HTML | MDN (mozilla.org)
📄️ 表格案例
HTML 表格基础 - 学习 Web 开发 | MDN (mozilla.org)
📄️ 表格的其他元素
- thead - HTML | MDN (mozilla.org)
📄️ 单元格合并
HTML 表格基础 - 学习 Web 开发 | MDN (mozilla.org)
📄️ 单元格合并练习
练习 1 - 课程表
📄️ 常见表单元素
- Web 表单指南 - 学习 Web 开发 | MDN (mozilla.org)
📄️ 表单输入元素 input
- HTML5 的输入(input)类型 - 学习 Web 开发 | MDN (mozilla.org)
📄️ 布尔属性 Boolean Attributes
布尔属性是 HTML 中一种特殊类型的属性,它们不需要值,只需要一个名字就可以使用。布尔属性用于定义 HTML 元素的行为。类似于 CSS 中的 !important。
📄️ 表单按钮
- button - HTML | MDN (mozilla.org)
📄️ input 和 label 结合
- input:输入(表单输入)元素 - HTML | MDN (mozilla.org)
📄️ radio 和 checkbox
- 原生表单部件 - 学习 Web 开发 | MDN (mozilla.org)
📄️ 多行文本域元素 textarea
- textarea:文本区元素 - HTML | MDN (mozilla.org)
📄️ 下拉控件元素 select
- 其他表单控件 - 学习 Web 开发 | MDN (mozilla.org)
📄️ form 表单
- 如何构造 HTML 表单 - 学习 Web 开发 | MDN (mozilla.org)
📄️ Emmet 语法
- Emmet — the essential toolkit for web-developers
📄️ 作业布置
完成课堂所有的代码
高级元素的使用
- 列表元素
- 常见列表
- 表格元素
- 表格合并
- 表单元素
- 表单常见属性
常见 Emmet 语法
- 认识 Emmet
- 常见 Emmet 语法
- 常见的结构伪类
- 否定伪类的使用