1. 前言
1.1 参考来源：https://www.cnblogs.com/liwenzhou/p/7988087.html
1.2 前端内容：HTML（骨架） + CSS（血肉）+ JS（灵魂）
2. 正文
2.1 HTML定义
FTP UPLOAD|ooxx.avi|1024 --> HTTP协议
HTML: 超文本标记语言
2.2 HTML标签的结构
（1）head 部分 --> 给浏览器看的内容，主要包括以下几种标签：
- title --> 标题
- style --> CSS样式
- link --> CSS文件
- script --> JS
- meta
如：<meta charset="UTF-8">
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
（2）body 部分 --> 给用户看的内容，主要包括以下2类标签：
- 独占一行的 块儿级标签，如：h1~h6、p、div、hr、ol>li、ul>li、table>tr
- 在一行显示的 行内标签/内联标签，如：a、span、img、input、b/i/u/s（粗体/斜体/下划线/删除线）
2.3 HTML标签的语法：
<head 属性1="值1" 属性2="值2"></head>
- <a href="#b1">更多详情</a> //这里的#是用于实现内部位置跳转的，比如跳到id=b1的标签的位置
- <a href="https://www.baidu.com" target="_self">更多详情</a> //target="_self"在当前页打开，"_blank"表示在新的标签页中打开
- <body></body>
- <img id="b1" src="lp.jpg" alt="玫瑰" title="鼠标移上去"> //通常不会通过img里添加width和height来控制图片大小，一般都是通过css样式来控制
- <meta>
注意：在html中经常会使用到div标签和span标签，原因在与div和span是不带有任何格式的标签，可以方便css来控制html内容的各种样式。（类比在报纸和白纸上画画的效果）
2.4 标签嵌套的注意事项
（1）尽量不要用内联标签包块儿级标签
（2）p标签不能嵌套p标签
（3）p标签不能嵌套div标签
2.5 获取用户输入的标签
1. form标签（一个容器，包住所有获取用户输入的标签）
- action属性
- method属性
- enctype属性
2. input标签（尽量都要把label标签写上），有以下几种type：
- text
- password
- date
- checkbox
- radio
- button --> 普通按钮 --> 通常用JS给它绑定事件
- submit --> 提交按钮 --> 默认将form表单的数据提交
- reset --> 重置按钮 --> 将当前form中的输入框都清空
3. select标签
4. textarea标签
2.6 form表单提交数据（{“k1”: "v1"}）的注意事项
- form标签必须把获取用户输入的标签包起来
- form不是from， form标签必须有action属性和method
- form中的获取用户输入的标签必须要有name属性
- 写input标签的时候尽量都要把label标签写上
网友评论