HTML常用关键字

①、HTML 不是一种编程语言，而是一种标记语言；

<!DOCTYPE html>  //声明是一个Html文档
<html lang="en">  //html开始
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>   //结束

②、注释：后续看方便理解

ctrl+/ 就可以

③使用标签时标签自带属性

标题标签：<h1> 到 <h6>

段落标签：<p>

换行标签：<br />

水平线标签：<hr>

文本格式化标签：

粗体：<b>、<strong>

斜体：<i>、<cite>、<em>

上标标签：<sup>

下标标签：<sub>

大字号标签：<big>

小字号标签：<small>

删除线标签：<s>

下划线标签：<u>

④

class----规定元素的类名；

id----规定元素的唯一ID；

style----规定元素的行内样式；

title----规定元素的额外信息；

⑤引入图片

<img src="img/sfz.png" alt="" class="fl"> src里面写引入图片的路径

⑥表单

 <form action="" method="" enctype=""></form>

1：action属性，里面写的是url链接，接就是表单提交的地址

　　2：method属性，里面写的是数据提交的方式，可以写入get或者post

　　3：enctype属性，提交数据的编码格式

  <input type="" name="">

input标签我们最为常见，里面有三个属性比较重要
　　1. type 他是代表input的类型
　　2. name 他就是后台取值的依据(key)
　　3. val 他是我们输入的值，也是后台需要的值

然后我们根据type的类型，又可以把input进行细分

　　a. text 表示普通的文本，明文输入
　　b. password 输入的也是文本，密文输入
　　c. number 输入的是数字，不是数字不让输入
　　d. submit 提交按钮，提交form表单的内容
　　e. button 普通的按钮
　　f. radio 单选框，我们需要注意的是单选框的所有的name值必须相同
　　　　　　如果name不相同，就说明不在同一个选择方位，也就不存在单选，然后想要在后台取到他的值，你必须在定义的时候给附上一个值给value，这样才能取到值

　　g. checkbox 复选框，内容和单选框一样

以上基本是input的所有类型，需要注意几个点：
　　1.取值都是通过name进行取值，所以必须给name赋值
　　2.文本类型想要附上初始值，直接在value中加入值就可以
　　3.选择框如果想要默认选中谁，那就在谁的标签中加入checked属性

2. select 标签
select标签是一个下拉框的形式让用户进行选择选项
所以select标签中必须包含option标签才能显示属性
形式为：
<select>
<option></option>
<option></option>
</select>

然后select中有全局属性name，这个name是后台又来进行取值的
每个option标签的文本内容是显示给用户看的，我们需要取的是option标签中的value属性，所以在开始必须给option的value赋值
后台通过select的name取值，直接取到的就是对应option的value如果我们向让他默认选择某个option，可以在option标签中加入selected属性，如果都不加，默认是显示第一个；