（心态很好的）学习HTML基础—构成和标签标记

本文链接：https://blog.csdn.net/weixin_45892126/article/details/106890210

“当你还不能对自己说今天学到了什么东西时你就不要去睡觉。”

作为一学生，我在学习HTML课上是以线上的形式进行学习的，而每次上网课我全程划水，直到快要考试的时候，才开始了疯狂自学以及参考教材和各种大佬的文献了解一些HTML的基础入门，而现在我写这份博文主要用于自学的回顾。

HTML5文档格式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

<!--  
这些自带的源代码构成了HTML5文档的基本格式，主要包括:
<!DOCTYPE>文档类型声明（位于文档最前面，说明当前文档使用哪种html标准规范）
<html>根标记（用于告知浏览器其自身是一个html文档）
<head>头部标记（用来封装其他位于头部的标记）
<body>主体标记（展现给用户看的内容）
-->

HTML标记

HTML5文档头部相关标记

<!DOCTYPE html>
<html>
	<head>
     	 <title></title>
     	 <meta charset="" name"" content="" />
     	 <link/> 
     	 <style />
	</head>	
</html>

1.title标记:用于定义HTML页面的标题，说白了就是我们打开浏览器页面，他页面的名字
2. meta标记:用于定义页面的元信息，通过“名称\值”的形式成对的使用其属性可定义的页面相关参数，这意思看似很抽象，但是他的实用性非常的大，说白了，就是给搜索引擎提供网页的一些信息，使他通过一些关键字搜索到这个页面，打个比方:我们在百度上搜索一个网页时，通常都会查关键字，通过关键字再搜到那个界面，而这个标记的跟这一类有关。
除了标记本身，他自身带有一些属性和关键字，用来细分它里面的功能，例：name属性

name属性的关键字	用处
“keyword”	用于定义搜索内容的名称为网页关键字
“author”	用于定义搜索内容名称为网页作者
“description”	用于定义搜索内容名称为网页描述

link标记:用于引用外部文件标记
style标记:用于内嵌样式标记，这个意思很好理解，就是在在HTML文件里增加一些CSS可以完成的语句，通常都不会这么使用，因此这个地方了解一下就OK了。

<html>
	<head>
		<meta charset="utf-8">
		<title>
		<title/>
		<style type="text/css">
			h2{color:red;}
		</style>
	</head>
	<body>
		<h2> h2标题字体颜色为红色</h2>
	</body>
</html>