前端基础之网页的基本结构
这个系列的文章就是对我自己在学习前端的过程中自整的一些笔记，可能会有错误的地方，欢迎各位读者指出，文章所阐述的内容仅作为参考，不具权威性。
关于HTML
HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点——一种URL指针，通过触发它，可使浏览器方便地获取新的网页，这是HTML获得广泛应用的最重要的原因之一。
HTML是一种规范和标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，因而编制者只能通过显示效果来分析出错原因和出错部位。需要注意的是，不同的浏览器对同一标记符可能会有不完全相同的解释，因而得到不同的显示效果。
我们的实训教学还是从HTML最基础的网页基本结构讲起，虽然之前对大部分的知识内容已经有所了解，但是像这样又系统的阐述一遍网页中的各项知识点，收获也是颇丰。
一、文档声明
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签，它是指示web浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。而HTML5 并不基于 SGML，所以不需要引用 DTD。文档声明是必须要有的，否则浏览器无法正确识别。
二. HTML代码结构
HTML的代码分为了头部-head和主体-body
头部-head，可写配置：
01、<title>-标题设置
设置在HTML文件在浏览器打开时所显示的标签名。
02、<meta>-文档字符编码设置
meta元素用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
<meta charset = utf-8>为国际编码，比较常用，而中文专用编码为：GBK/GB2312。
03、<base>-定义页面上所有链接的默认地址或目标（target）
属性值：
①target-目标窗口位置
②_blank-在新标签页打开
③_self-当前窗口显示（默认值）
④_top-在整个浏览器窗口打开
⑤_parent-在上一级框架打开
04、<link>-定义文档与外部资源间的关系，最常用于连接样式表
<link rel="stylesheet" type="text/css" href="">
其中的href属性的属性值即为要设置跳转的文件路径，要链接到本地项目时，属性值为所需链接文件的相对路径；链接到外网地址：需要加上传输协议（https://或者http://）
05、<script>-用于定义客户端脚本
<script type="text/javascript" src=""></script>
src=“脚本路径”
相对路径：以当前编辑的文件为起点查询其他其他需要访问的文件
绝对路径：在本地硬盘上，带逻辑盘符的路径
06、<style>-为html文档定义样式信息
<style type="text/css"></style>
主体-body
主体-body中用于编辑浏览器窗口中显示的内容其默认样式会自带8个像素的外边距，一般在编码时会使用margin:0;去除其默认样式，方便布局。
语法：
<标签名 属性=“属性值”></标签名>
属性：
①bgcolor-设置背景色
②background-设置背景图片
③bgproperties-取fixed 值时设置背景不随滚动条滚动，不设此属性时背景随滚动条滚动。
④text-设置页面非超链接文本的颜色
三. HTML常用标签
HTML中的标签有很多，常用的就有文本标签、图形标签、列表标签以及超链接标签等。篇幅有限，更多标签的详细属性和用法会在之后的文章中讨论。
对HTML的解释中部分文字来源：
https://www.cnblogs.com/moije/p/6751624.html
更多详细知识点可自寻
W3School:https://www.w3school.com.cn/
