1.web 工作原理:
在浏览器地址栏输入URL,浏览器往服务端发送消息,服务端接收消息,服务端返回消息(从文件中读取)
浏览器接收到服务端的消息,按照一个约定好的规则展示出来.
2.HTML:是一种标志语言
1.就是一些特殊符号,不同的符号有不同的显示效果
2.学前端就是学习怎么写HTML文件,学后端框架就是学习怎么返回写好的HTML文件
3.HMTL规则
1.HTML中把连续的空格和换行都解析成一个空格,不存在缩进的问题
2.基本标签:
h1~h6 加黑加粗
b加粗,i斜体,u加下划线,s删除,br 换行,hr水平线,p段落标签
3.块级标签和行内标签
div和span标签的特点:
没有自带的样式,方便后续使用CSS调整样式
块级标签:
自己独占一行: p,h1,hr,div
行内标签(内联标签)
默认都在一行显示:b,i,u,s,span
4.标签支持嵌套
1.块级标签可以包含内联标签
2.p标签不能忍包含p标签和div标签
5.标签分类:
1.展示给用户看的标签
2.获取用户输入 的标签
form标签(表示单标签)
4.获取用户输入的标签:
1.input
1.根据type类型划分
1.text
2.password
3.email
4.date
5.radio 单选
6.checkbox 多选
7.button 普通按钮,多用于使用JS代码绑定事件
8.submit 提交
9.reset 重置
10.file 上传文件
2.select
1.select 标签内部包含非是option,需要配置value属性
默认选中:selected="selected"
2.多选
multiple
3.textarea
注意事项:
1.所有放在form标签中获取用户输入的标签,必须要有name属性
2.form标签有action属性和method属性
1.action:控制往哪里提交数据
2.method:控制用什么方式提交
3.上传文件需要额外配置enctype="multipart/form-data"
3.form要提交数据必须要有submit按钮