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属性,如果都不加,默认是显示第一个;

posted @ 2020-05-08 11:11  丿狂奔的蜗牛  阅读(2567)  评论(0编辑  收藏  举报