前端学习日志之html（一.html基本知识点）
1.html是什么东西？
H：Hyper 超
T：Text 文本
M：Markusp 标记
L：Language 语言
——超文本标记语言
1>超文本：
普通文本：文字文本
超文本：顾名思义，超越普通文本，能做诸如插入音频、视频、图片、超链接媒体······普通文本不能做的事
2>标记语言：
编译语言：c、java···需要编译才能运行，本身具有逻辑能力和行为能力的语言。
脚本语言：javascript、console.log···需要被解析器解析运行的语言。
标记语言：html(ml结尾的都是标记语言），本身不具有逻辑能力和行为能力，只能被浏览器读取的语言。
3>编写过程：
1.本地sublime/vscode编写代码部署到服务器。
2.本地浏览器运行
3.部署到服务器
4>地址：
标准url路径：http://www.--------.com（注册后）
未经注册时：(协议名称：//ip地址：端口号/项目路径）
2.html的特点
从上到下依次解析
具备容错性和代码宽松性，不会报错
大小写不敏感（即：写div/DIV都不会报错）
3.文档结构：
创建html文档：创建一个以.html/.htm为后缀的文件即可
快捷生成建：html:5（软件版本不同，快捷生成建不同，该快捷生成建对应html5）
默认文档结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
doctype：声名
Html:根元素
Head:
用来进行一些条件设置
默认标签：meta标签：用来设置字符编码
在h5中还可以用来设置手机端编码
Title:用来设置标签页名称
格式：<title>网页名</title>
*引入第三方文件最好也放在head 中（例：<script>等）
Body:想要展示在浏览器上的内容都写在body中
4.元素
1>元素的组成
<开始标签> 内容</结束标签>
(部分标签没有结束标签：单标签/空元素）*标签不能交叉嵌套使用
2>元素的分类
块级元素：
例：div
默认特点： 独占一行空间
可以直接设置宽高
默认情况下，宽度占满整行，高度由子集元素撑起
行内元素：
例：Spn
默认特点：可以和其他元素共享一行空间
宽高皆由子集元素撑起，不能直接设置宽高
不能直接设置上下的外边距
*行内元素不能嵌套块级元素
5.属性
6.语法
