这是我参与「第四届青训营 」笔记创作活动的的第1天
前言
学习前端最基础的莫过于我们的前端技术栈——HTML、CSS、JavaScript。本文将为想入门前端的小白们详细介绍HTML——前端三件套之一。希望大家一起巩固学习基础知识，共同进步：）
1 HTML的概念
1.1 HTML是什么
HTML是HyperText Markup Language的缩写，全称为超文本标记语言。它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即我们所见到的网页。
1.2 HTML的特点
超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
- 简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。
- 可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展带来保证。
- 平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
- 通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
1.3 HTML结构
HTML分为头部与实体两大部分
-
头部内容
-
标记符
<html>：说明该文件是用超文本标记语言来描述的，它是文件的开头，而</html>则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。 -
<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。 -
以下表格列出了HTML head元素：
标签 描述 <head>定义了文档的信息 <title>定义了文档的标题 <base>定义了页面链接标签的默认链接地址 <link>定义了一个文档和外部资源之间的关系 <meta>定义了HTML文档中的元数据 <script>定义了客户端的脚本文件 <style>定义了HTML文档的样式文件
-
-
实体内容
-
<body><body/>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。 -
标题：总共有6个等级，定义方法如下:
<h1><h1/>定义一级标题<h2><h2/>定义二级标题<h3><h3/>定义三级标题......
以此类推
-
文本:
<p><p/>定义文本 -
换行符:
<br/>换行符
-
如下代码所示：
<!DOCTYPE html>
//文件开头
<html lang="en">
//头部内容
<head>
<meta charset="UTF-8">
<title>Title<title/>
<head/>
//主体内容
<body>
//标题
<h1>这是一级标题<h1/>
<h2>这是二级标题<h2/>
<h3>这是三级标题<h3/>
<p>定义文本<p/>
<p>随便字符<br/>《-换行符<p/>
<body/>
<html/>
结束语
本文重点讲述了HTML的相关概念，让小白们对HTML能有全面的认识，下篇文章主要讲述DOM树、HTML的语法用法即HTML为谁服务等.......
希望能对你们有所帮助：）
