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----规定元素的额外信息;
⑤引入图片
<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属性,如果都不加,默认是显示第一个;