有关于html
-
html 超文本标记语言
- 文本 中、英文
超文本 视频、音频、图片… - 浏览器解析html文件的顺序
从上往下,并且页面中元素在html文件中的位置保持一致 - html出现语法错误时,浏览器或者编辑器不会报错
- html文件可以以.html或者.htm文件名后缀
- 文本 中、英文
-
前期准备
-
B/S架构
-
HTTP (超文本传输协议)
请求/响应模式
请求
请求头 - 浏览器的缓存机制、设置token(令牌)
请求行 - 请求方式(post、get)、请求地址
请求体 - 携带给服务器的数据
响应
响应头 - 暂无
响应行 - 状态码 200 401 404…
响应体 - 服务器返回给浏览器的数据/结果浏览器
HTTP
服务器 -
URL (统一资源定位符)
同源策略
协议 + 域名/IP + 端口号
http
https
http://47.93.255.92(阿里) - IP
https://baidu.com - 域名
https://baidu.com:8099
跨域拦截
不安全- 协议相同,端口相同,但是域名不同
https://baidu.com:80
https://baidu2.com:80 - 协议相同,其他不同
http://baidu.com:80
https://baidu.com:80
3.端口号不同,其他相同
https://baidu.com:80
https://baidu.com:81
- 协议相同,端口相同,但是域名不同
-
3.html语法
1) html文件结构,参考1-hello.html
2) 标签
开始标签 <html>
内容 文本、非文本、标签
结束标签 </html>
3) 属性
使用在开始标签内部
<div class-''>hello html</div>
class 类名
id 唯一标识
title 标题 光标放入元素上之后显示标题
style 样式
4) 元素的分类
1. 块级元素
div h1-h5 ul li ...
1. 独占一行空间,默认宽度占满当前屏幕/父元素
2. 可以设置宽高
3. 可以嵌套其他标签(块级、行内元素)
2. 行内元素
span a i b ...
1. 可以与其他元素共享一行空间
2. 不可以设置宽高
3. 不可以嵌套块级元素
注意:这些特点都是当前元素默认的,也就是说后期可以通过css将元素设置为其他分类