简单概括和介绍html

简单概括和介绍html

1)html 【HyperText Markup Language 】超文本的标记语言
文本，中.英文，音频，图片。。。。。
2）浏览器解析html文件的顺序，从上往下，并且页面中元素的位置，与该元素在html文件中的位置保持一致
3）html出现语法 错误的时候，浏览器或者编辑器不会报错
4）html可以以.html或者.htm作为文件名的后缀

2.前期准备：
1）B/S架构
2）HTTP：超文本传输协议
核心：请求/响应模式
请求： 请求头：浏览器的缓存机制；设置token（令牌登录）；
请求行： 请求方式（post，get），请求地址
请求体：post方式可以携带给服务器的数据
响应：响应头：暂无
响应行：状态码（200,400,404,401，500…）
响应体：服务器返回给浏览器的数据/结果。
浏览器
HTTP
服务器
3）URL：统一资源定位符
同源策略：
协议+域名/IP+端口号
http://47.93.255.92：8080
https://baidu.com：8099

1. 跨域拦截：
   1）不安全：协议相同，端口相同，但是域名不同；
   https://baidu.com：8099
   https://baidu2.com：8099
   2）协议不同，其他的相同
   http://baidu.com：8099
   https://baidu2.com：8099
   3）端口号不同，其他的相同
   https://baidu.com：8099
   https://baidu2.com：8888

3.html的语法：
固定格式代码的快捷键：html:5+回车 !+回车
1)具体结构参考1-hello.html
2)标签：
开始标签
内容：文本，非文本，标签
结束标签
3）属性：
使用在开始标签的内部

 <div class=''> hello html </div>

1. class:类名
   id：唯一标识
   title：标题（光标放在元素上之后显示标题）
   style：样式
   4）元素分类：
   1.块级元素：
   独占一行空间，默认宽度占满当前屏幕
   可以设置宽高
   可以嵌套其他标签（块级，行内）
   div标签 h1–h5标签 ul标签 li标签
   2.行内元素
   可以和其他元素共享一行空间
   不可以设置宽高
   不可以嵌套其他块级元素，可以嵌套行内元素
   span标签 a标签 i标签

注意，这些特点都是当前元素默认的，
后期可以通过CSS将元素设置为其他分类（属性）