html 英文的全称：hyperText markup language!!!(超文本标记语言)
web打交道最多的就是浏览器
那你知道现在主流的浏览器和内核是什么么？
主流的浏览器：1.需要占有一定的份额，2.需要自己独立研发的内核
IE trident
Firefox Gecko
Google chrome Webkit/blink
Safari Webkit
Opera presto
就是因为他不专业，所以我需要有一定的专业素养就需要给他讲明白！人生的小细节决定成败！
这个html是文件的后缀名，并不表示什么，也不影响整个文件的内容，只是说他会告诉你的服务器，你这个文件是什么类型的文件！
一.上网的基本流程
image.png
互联网不是神的，是物理的，上网刷网页时请求服务器中存储的各种文件。
互联网是文件与文件的传输
二.html是解释型语言
在浏览器中并不是把所有代码一次性下载完成就加在的，是下载一分部加载一部分
从而现在编程有：
1.解释型语言 （加载一行,运行一行代码）
优点：就是跨平台性强
缺点：运行的时候需要进行翻译成机械语言就是二进制码
2.编译型语言（所有都加载完毕）
优点：不需要再次编译，运行的速度快
缺点：跨平台性弱 （主要是对底层的依赖比较大，规则太严谨，导致有的时候会出现问题）
三.html是负责描述文档语义的语言，只负责增加文本语义
html（架构）：负责描述页面的语义
css（样式）：负责藐视页面的样式
js（行为）：负责描述页面的动态效果
eg：一个车的 创造和车的运行！
首先我要了解一个刚刚一个基本的html中的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
四.html标签分级
html标签分种类：这是css的特性 通过css 中的属性display
1.行级元素 inline
feature ：
1.内容决定元素所占位置
- 不可以通过css来改变宽高
eg：span strong em a del
2.块级元素 block
feature ：
1.独占一行
2.可以通过css来改变宽高
eg：div p ul li ol from address
3.行级块元素 inline-block
feature ：
1.内容决定元素所占位置
2.可以通过css来改变宽高
eg ：img 的宽高只要设置一个就可以
五.注释
<!-- -->
注释的功能：
1.备注
2.寻找bug，来调试
五.转义字符
html中的空白就是文字分割符号，并不是真正的空格
才是一个真正的空格
1.
我 很帅 只有这样才能显示多个空格，要不然就算你代码里有很多空格键按出来，在浏览器里面也只显示一个
2.< 和 >
< 可以变成 < (是less than 的缩写)
> 可以变成 > (是great than 的缩写)
<!--接下来，我要给大家讲解一个标签<div> zai-->
但是并不能出来，因为html中有一个编码格式
网友评论