type
status
date
slug
summary
tags
category
icon
password
1 表单
1.4 label 标签的使用
1.5 fieldset 和 legend 标签（了解）
1.6 表单标签总结
标签名 | 语义和功能 | 属性 | 单标签和双标签 |
form | 表单包裹元素 | action：设置表单提交地址。
target：设置提交地址从那个窗口打开 | 双标签 |
input | 各种类型的表单控件 | type：表单控件类型。
maxlength：最大可输入长度。
checked：设置默认选中。
name：表单控件标识。
value：表单控件的值。
disabled：设置为不可用。 | 单标签 |
button | 各种类型的按钮 | type：按钮类型。
disabled：设置为不可用。 | 双标签 |
textarea | 文本域 | rows: 默认显示的行数。
cols：默认显示的列数。
name：表单控件标识。
disabled：设置为不可用。 | 双标签 |
select | 下拉选项包裹元素 | name：表单控件标识。
disabled：设置为不可用。 | 双标签 |
option | 下拉的选项 | value：表单控件的值。
selected：设置默认选中
disabled：设置为不可用。 | 双标签 |
label | 用于关联表单控件 | for：表单控件的id | 双标签 |
fieldset | 设置外围的边框 | 无 | 双标签 |
legend | 设置表单标题
需要与fieldset配合 | 无 | 双标签 |
2 内联框架标签
标签名 | 功能和语义 | 属性 | 单标签还是双标签 |
iframe | 内联框架
将各种类型的文件引入当前页面 | src: 设置目标文件地址。
frameborder：设置是否有边框，0表示没有，其他数字表示有。
width：设置宽度。
height：设置高度。 | 双标签 |
3 HTML 字符实体
4 HTML 全局属性
全局属性指所有的标签都具有的属性，有如下全局属性：
5 meta 元信息
6 CSS 的基本语法
6.1 HTML 和 CSS 的关系
6.2 HTML 元素树（元素和元素之间的关系）
6.3 在 HTML 中使用 CSS
① 行内式
② 内嵌式
③ 外链式
6.4 CSS 基本语法结构
选择器： 用于选择要设置样式的元素。
声明块： 选择器后面的大括号，声明块由多条声明组成。
声明： 每条声明以分号结尾，声明由CSS属性和它的值组成。
① 内嵌式和外链式的语法结构
② 行内式的语法结构
③ 注意区分HTML 属性 和 CSS 属性
6.5 CSS 的层叠性
6.6 CSS 注释
附录 VsCode 的使用
使用方式
相关设置
快捷键
Emmet 快捷键
更多Emmet快捷键： https://docs.emmet.io/abbreviations/syntax/
常用扩展
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web01_html_03
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。