写在前面

有幸参加了字节前端青训营，第一天的感受难以言尽，希望能学到更多吧...😂

一、HTML简介

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。

1991年8月6日，世界上第一个服务器和第一个网站在欧洲核子研究中心上线。

世界上第一个网站

版本迭代

HTML4
XHTML2.0
HTML5

二、HTML5结构

<!DOCTYPE html>   // 声明语言版本--HTML5
<html lang="en">  // 根标签

<head>  // 头部标签，内容不会呈现在页面上，负责对网页进行设置标题、编码格式以及引入css和js文件
    <meta charset="UTF-8">  // 定义编码格式
    <title>Document</title>
</head>

<body>
    body标签内的元素呈现在页面中
</body>

</html>  // 根结束标签

三、HTML5标签（元素）

HTML标记标签通常被称为HTML标签。可以理解成是对一块内容的标记与修饰，通过标签以及标签的属性来告诉浏览器，这块内容是什么样子的，浏览器通过标签将内容渲染为你想要表达的样式，呈现在电脑屏幕上。

单标签

只有开始标签，没有结束标签，但是有结束标记，例如img标签：

<img src="../xxx.jpg" />

双标签

有开始标签，也有结束标签。

<h1>一级标题标签</h1>

四、属性

大部分HTML标签都可以添加属性，常见的属性有宽度、高度、颜色、背景、字体等。 HTML属性一般都出现在HTML标签中，是HTML标签的一部分。

标签的属性包含了额外的信息，属性的值一定要在双引号中
标签可以拥有多个属性
属性由属性名和值成对出现

大多数的HTML元素都拥有多个属性，多个属性中，如果省略某个属性，则该属性使用默认值。在定义多个属性时，各属性之间没有先后次序。

五、实体

当遇到已经被HTML标记语言定义的字符需要被渲染时，须在HTML源代码中使用字符实体来代替我们要表达的符号。

显示结果	描述	实体名称
	空格	&nbsp；
<	小于号	&lt；
大于号		&gt；

六、块元素与行内元素

块元素

独占一行的元素，如 div、p、h1-h6、ul、ol等
行内元素

并排显示的元素，如 a、span等

注： 一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素

重温前端--HTML | 青训营笔记 | Day01