（心态很好的）学习HTML基础—构成和标签标记
程序员文章站
2024-03-23 22:58:34
...
“当你还不能对自己说 今天学到了什么东西时 你就不要去睡觉。”
作为一学生，我在学习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>
文本控制常用标记
在HTML页面中，带有"<>“符号的元素称为HTML标记，而这些标记的用处就是用来给HTML识别并通过他们，识别出其内部的信息，并将其自带的功能呈现在用户眼前。
例如:超链接标记a，没有专用的”<>"识别不出他的功能，而添加<>则在HTML中识别出来其功能(这是超链接标记)
| 标记名称 | 标记格式 |
|---|---|
| 标题标记 | h1~h5 |
| 段落标记 | p |
| 水平线标记 | hr |
| 换行标记 | br |
| 图像标记 | img |
| 超链接标记 | a |
这一些都是常用的HTML标记，但是单这些明显满足不了一个HTML页面的搭建，在后续的学习中会了解到更多的HTML标记！