HTML-基础标签+input系列

什么是HTML

1. HTML是一套规则，一种浏览器认识的规则。

2. 对于开发者来说需要掌握的：

• 学习html规则
• 开发后台程序：
• 写HTML文件（充当模板的作用）
• 数据库获取数据，然后替换到HTML文件的指定位置
  （web框架）

3. 本地测试

• 找到文件路径，直接浏览器打开
• pycharm打开测试

4. 编写HTML文件

• doctype对应关系
• HTML标签，便签内部可以写属性===>只能有一个
• 注释：

标签类型

1. 自闭合标签（只有几个）

<meta charset="UTF-8">  // 1. 页面编码
<meta http-equiv="Refresh" Content="30">// 2.每30s刷新一次
<meta http-equiv="Refresh" Content="30"；Url=http://www.autohome.com.cn">
<meta name="keywords"content="星际">// 3.关键词
cnblogs(描述)
<meta name="description" content=" 描述内容">// 4.描述
// 5.X-UA-Compatibie (兼容IE浏览器)

2. 主动闭合标签

- <title></title>

head标签

-<meta ->编码，跳转，刷新，关键字，描述，IE兼容

<meta http-equiv="X-UA-Compstible" content="IE=IE9;IE=IE8;"/>

title标签

 <title></title>

link标签

<link rel="shortcut icon" href="image/favicon.icl">(图标，图标位置)

style

script

body标签

• 各种符号
• 例如： (连续空格) &gt；(表示>) <（表示<）
  p(段落)
  br（换行）

p标签

<p><p />
 <br />

h标签

<h1>严鸿炜是猪<h1/>// 表示字体加大
<h2>严鸿炜是猪<h2/>
<span>// 白板

总结：
所有的标签分为：

• 块级标签 ：div（白板）（h标签 加大加粗，p：段落和段落之间有间距）
• 行内标签（内联标签）(span：白板)
• 标签之间可以嵌套
• 标签存在的意义：css操作，js操作
  （注：chorme审查元素的使用 1.定位 2.查看样式）

input标签

• 数据输入框
  input type=‘text’ -name属性 value=“王湘菲”
  input type=‘password’ -name属性 value=“王湘菲”（默认属性）
  (注：name值作为key，打包向后台发送用户在输入框内输入的数据，没有name后台无法获得数据。)
• 按钮
  input type=‘submit’ -value=‘提交’ 提交按钮，按照表单
  input type=‘button’ -value=‘登录’
• 选择框
  input type=‘radio’ -单选框 value，checked=“checked”(默认被选中)，name属性（name相同则互斥）
  input type=‘checkbox’ -复选框 value，checked=“checked”(默认被选中)，name属性（批量获取）
• 文件上传
  input type=‘file’ -依赖form表单的一个属性 enctype=“multipart/form-data”(将文件一点一点的发给服务器)
• 重置
  input type=‘rest’
  <textarea>默认值<textarea> -name属性 // 多行文本输入
  
  

select标签

• name，内部option value，提交到后台，size，muiltiple