在发布这条博客之前，我已在B站自学HTML至P110，未以博客形式记录，而是在个人笔记本上记录，所以我对HTML已经有深刻的理解。
要让设计者在网络上发布的网页能够被世界各地的浏览器所阅读，需要一种规范化的发布语言。在万维网上，文档的发布语言是HTML（超文本标记语言）。
超文本标记语言就是该文档有别于纯文本的单个文件的浏览形式。超文本文档中提供的超级链接能够让浏览器在不同的页面之间跳转。标记语言是一种基于源代码的解释的访问方式。它的源文件由一个纯文本文件组成，代码中由许多元素组成，而前台浏览器通过解释这些元素显示各种样式的文档。也就是，浏览器就是把纯文本的后台源文件，以赋有样式定义的超文本文件方式显示出来。
HTML文档结构
标准的HTML文档是由标签和要显示在网页上的内容组成。HTML用于描述功能的符号称为“标签”。标签规定文档的逻辑结构，控制文档的显示格式。然后由浏览器负责解释并显示页面。通过使用标签区分文本文件的各个组成部分，对网页上的文字、表格、图片等多媒体数据所出现的位置、形式、顺序及网页间的超链接关系进行设定。
头部标签<head>... </head>
习惯上用户把HTML文档分为文档头和文档主体两部分，文档主体部分就是在web浏览器窗口的用户区内看到的内容，而文档头部分用来规定该文档的标题（出现在web浏览器窗口的标题栏中）和文档的一些属性，<head>标签对的作用就是控制文档的头部信息，此标签中间可以使用<title>... </title> <script>... </script>标签对在此标签中间可以放置用户编辑的JavaScript的代码。
HTML文档的标签是可以嵌套的，即在一对标签中可以嵌入另一对子标签，用来规定母标签所含范围的属性或其中某一部分内容，嵌套在<head>... </head>标签对中使用的主要有<title>标签
<body>标签
是成对出现的，在<body>... </body>标签对之间的内容将显示在web浏览器窗口的用户区域内，它是HTML文档的主体部分，可以把HTML文档的主体区域简单的理解成标题以外的所有部分，该部分可以包含<table> <font> <img><div>等标签, 结束标签</body>指明主体区域的结尾，在<body>标签中可以规定整个文档的一些基本属性。
bgcolor指定HTML文档的背景颜色
text的指定HTML文档中文字的颜色
link指定HTML文档中待连接超链接对象的颜色
alink指定HTML文档中连接中超链接对象的颜色
vlink指定HTML文档中已连接超链接对象的颜色background指定HTML文档的背景文件
特殊字符
在HTML里有很多特殊的符号是需要特别处理的，例如“<”“>“没有办法通过直接打<来呈现<，必须输入编码表示法：”<"
通常情况下，HTML会自动截去多余空格，不管你加多少空格，都被看做一个空格，如果要显示多个空格，使用 ；表示空格
<p>段落标签
创建一个段落，对支持align属性来设置对齐方式，语法：
<p align="属性" > 段落内容</p>
align是专门设定水平对齐位置，常见的设定值有三个，置左（align=“left”）、置中（align=“center”）、置右（align=”right“）
<br>换行标签
在不另起一行的情况下将当前文本强制换行。<br>是单独出现的标签。
使用换行标签的代码：
<html>
<head>
<title>换行标签</title>
</head>
<body>
<p>这段文字一共<br>包含了两个<br>强制换行标记</p>
</title>
</html><pre>预格式化标签
该标签对可以完整保留设计者在源文件中所定义的格式，包括空格，缩进以及其他特殊格式，全都原封不动的反映在浏览器页面上。
列表标签
无序列表(ul)<li>
排序列表(ol)<li>
目录列表
菜单列表
描述性列表(dl)<dt>列表头<dd>列表内容
文本标签
<hn>标题标签
夹在标签对之间的文字是标题。设定标题字体大小，n=1(大)~6(小),从<h1>...</h1>到<h6>...</h6>
<h1>括起的文字是第一级标题，最大最粗，<h6>反之。
字体修饰标签（以下标签都是成对使用，只展示起始标签）
<b>粗体字
<i>斜体字
<u>下划线
<tt>打字机效果
<sup>上标
<sub>下标
<em>强调，斜体
<strong>强调，粗体
<font>字体标签
属性size face color
超链接标签
链接包含两部分：锚点和目标点
锚点：链接的源点 目标点：一张图片、网络文档、多媒体文件
属性href：用于设定链接地址（必须是URL地址，必须给出具体路径）
URL地址可以为下面内容：
1.网站：可以设置ip地址或者网站的地址
<a href="http://www.google.com">Google</a>
2.网页：链接到本机的网页，直接指定网页所在的路径
<a href="http://www.souhu.com">搜狐首页</a>
3.可执行文件：连接到的文件不是html或asp（isp/php），会链接到的文件下载到本地计算机上或直接执行，如果是文本文件，在浏览器中打开并编辑
4.网页上的 书签：使用在网页的长度超过屏幕时，使用书签直接跳转到该书签指向的具体内容，节省移动滚动条的时间
属性target
控制打开链接的位置，属性值分为_blank,_self,_parent,_top
target="_blank"在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变
target="_self"默认，在当前窗口打开文档
target="_parent"载入所在框架的父框架或父窗口，若包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。
target="_top"将链接的文档载入整个浏览器窗口，从而删除所有框架
属性title用来为链接添加附加的解释信息
属性name
超级链接标签<a>同样可以用来进行文档内部定位，设计者需要做的就是首先在文档中的某一个位置放置一个标签，通过超链接标签<a>的href属性，可以跳转到已经设置好的锚定位标签的位置。实现文档内部定位
HTML图像标签
<img 属性=“属性值”>
属性src：定义URL地址，必不可少。
若指定错误，图片位置会出现一个红色“X”号
属性alt
显示图片的替换文本
alt属性用来显示图片的替换文本，当打开网页过程中，遇到网络传输错误，或者设计者设定图片文件路径错误，图片无法正常显示时，替换文本可以暂时代替图片功能，起到一定说明作用，正常情况下，滑鼠到图上时，说明文字就会出现
属性height和width
<img>标签用这两个属性规定大小
属性align
对齐图片，改变图片垂直（居上居中居下）对齐方式，水平对齐方式（居左居中居右）
属性border
默认没有边框即边框宽度为0，参数值是数字，表示边框宽度所占的像素点数。
浮动窗口标签<iframe>...</iframe>，不需要放在<frameset>...</frameset>标签之间。在网页中间插入一个简单的框架窗口，显示另外一个文件，实现画中画
表格标签
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
表格的表头使用 <th> 标签进行定义。
说明标签<caption></caption>出现在表格上方，总结表格的内容和提供表格内容的简明信息
表单标签<form>...</form>
属性action
action 属性定义提交表单时要执行的操作。
通常，当用户单击“提交”按钮时，表单数据将发送到服务器上的文件中。
在下面的例子中，表单数据被发送到名为 "action_page.php" 的文件。该文件包含处理表单数据的服务器端脚本
属性method
method 属性指定提交表单数据时要使用的 HTTP 方法。
表单数据可以作为 URL 变量（使用 method="get"）或作为 HTTP post 事务（使用 method="post"）发送。
提交表单数据时，默认的 HTTP 方法是 GET。
属性target
target 属性规定提交表单后在何处显示响应。
target 属性可设置以下值之一：
值 | 描述 |
_blank | 响应显示在新窗口或选项卡中。 |
_self | 响应显示在当前窗口中。 |
_parent | 响应显示在父框架中。 |
_top | 响应显示在窗口的整个 body 中。 |
framename | 响应显示在命名的 iframe 中。 |
默认值为 _self，这意味着响应将在当前窗口中打开。
<input> 元素是最重要的表单元素。
<input> 元素有很多形态，根据不同的 type 属性。
这是本章中使用的类型：
类型 | 描述 |
text | 定义常规文本输入。 |
radio | 定义单选按钮输入（选择多个选择之一） |
submit | 定义提交按钮（提交表单） |
<input type="text"> 定义用于文本输入的单行输入字段
<input type="radio"> 定义单选按钮。
单选按钮允许用户在有限数量的选项中选择其中之一
<input type="submit"> 定义用于向表单处理程序（form-handler）提交表单的按钮。
表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
表单处理程序在表单的 action 属性中指定