速通HTML

HTML超文本标记语言，用于描述网页的语言。

创建简单网页： .txt文档更改后缀.html

HTML语法规范

标签 :并列关系和包含(父子)关系

分类：单标签和双标签

基本结构标签

HTML常用标签

语义标签：

标题标签：共6级其表达的重要性依次递减

段落标签：

斜体：或

加粗：或

删除线：或

下划线：或

前者语义更为强烈！

换行：

分割线：

没有语义 是一个盒子

分割分区 大盒子独占一行

跨度跨区 小盒子可在一行并列

图像标签

属性：src 图片路径 必须属性

alt 替换文本 图象不能显示的文字

title 提示文本 鼠标移至图像显示的文字

weidth heigth border 单位px 设置图像高度宽度，边框粗细

路径：

相对路径：以引用文件所在的位置做参考，而建立出的目录路径。(图片相对于HTML页面的距离)

同级 下一级 文件夹名 / 上一级 .. /

绝对路径：指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径("E:\资料"或网址) 使用较少

超链接标签

语法格式：

herf为必须属性

target : _self为默认值当前页面打开

_blank为在新窗口中打开方式

外部链接：完整的网站链接

内部链接：网站内部页面之间相互链接；只写名称即可

空连接：#

下载链接：地址链接的是文件 .exe或者是zip等压缩包形式

网页元素链接：给图片等加超链接

锚点链接：快速定位至页面某一位置 [链接中 href="#名字1"] [目标位置 id=“名字1”]

注释标签

注释： vscode快捷键 CTRL+/

特殊字符

空格 ：; 版权：©

小于号：; 注册商标：®

大于号：; 摄氏度：°

和号：; 正负号：&plusm;

人民币：¥ 平方：²

表格标签

语法：

属性：

align :left right center 表格相对于周围元素的对齐方式

border：1或“ ” 表格边框的设置 1表示有，“ ”为默认表示无边框

cellpadding ： 像素px 单元边缘与其内容之间的空白（距离）默认1px

cellspacing： 像素px 单元格之间的空白 默认2px

width：像素px或百分比% 表格的宽度

height: 像素px或百分比% 表格的高度

合并单元格：

方式：跨行合并：rowspan="合并的单元格个数" 最上侧单元格为目标单元格，写合并代码

跨列合并：colspan="合并的单元格个数" 最左侧单元格为目标单元格，写合并代码

最后删除多余单元格

列表标签

表单标签

收集信息 完整表单：表单域、表单控件和提示信息

from会把它范围内的表单信息提交给服务器

表单控件

input输入表单元素 type属性 输入字段有很多形式（文本字段、复选框、掩码后的文本控件[密码框]、单选按钮、按钮）

为单标签

type属性值：

input其他属性：

单选按钮和复选框要有相同的name值

标签

此标签为input元素定义标注（标签）。

用于绑定一个表单元素，当点击标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上，用来增加用户体验。

for属性和id属性的属性值相等。

select下拉表单元素

textarea文本域元素