HTML名为超文本标记语言，是用于描述网页的一种标记语言。
运行：计算机中的Web浏览器可运行HTML文件，使用记事本或其他编辑器如VS code即可编辑HTML文件。
扩展名：HTML文件的扩展名为**.html或.htm**。
标签：由尖括号形式出现的关键词例如<html>
叫做标签，通常使成对出现，后面的标签为结束标志，带有斜杠例如</html>。其中前面的叫做起始标签，后面的叫做闭合标签。
元素：HTML元素以开始标签起始，以结束标签终止，元素的内容就是它们之间的内容。
HTML元素可以为空，可拥有属性，支持嵌套。
属性：用来描述元素的附加信息，一般描述于开始标签，以**“名称=值”**的形式出现。
语法：
让我们浅看一段简单的HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<body>
<h1>h1标题</h1>
<p>段落</p>
</body>
</html>
很明显，观察到这段代码的结构，由一个一个的前后对应的标签组成。
下面我们解释一下具体标签的含义：
（1）<!DOCTYPE html>声明此文件为HTML5文档，有利于浏览器正确显示网页，其不分大小写。
（2）<html>和</html>之间，表示是html的代码部分。里面包括<head>和<body>部分。
（3）head部分：<title>标签为标题，就是浏览器标题栏显示出来的信息。这里还可以规定编码、关键词等信息。
（4）body部分：页面部分，在这个地方编写代码，充实完善页面的内容，是一个HTML文档的关键部分。
让我们细化一下这些信息。
内容里边常用的几个标签：
<!-- HTML注释 --> 这个是注释标记
<hr> 在页面中创建水平线
<br> 内容的换行
<b> 加粗
<i> 斜体
<sub> 下标
<sup> 上标
标题：这里说的标题是页面中的标题，使用<h1>到<h6>表示，其中h1中的内容会被显示为一级标题的形式，以此类推。HTML的标题不仅由字号、加粗的外部影响，也会在检索等情况下有着优先级的差异、相对内容的区分度。
<h1>这是一级标题</h1>
<h3>这是三级标题</h3>
<h6>这是六级标题</h6>
段落：页面中的段落使用标签<p>来定义。
<p>段落一</p>
<p>段落二</p>
链接：页面中要插入链接可以使用标签<a>来实现。其格式为**<\a href = “url”>**链接文本</a>
<a href = "http://www.baidu.com">这是百度的链接</a>
把这个语句写在外面就是这样的：
这是作者主页的链接
但如果点击链接的同时，覆盖了原有页面。如果要另外打开一个页面，可以通过添加属性的方式，像这样：
<a href = "https://blog.csdn.net/weixin_51273276 target="_blank">这是作者主页的链接</a>
其中，要输入链接的时候要输入完整的地址，加上http协议，如果文章中要引用的链接都有一个基础地址，我们可以这样简化，通过设置基础地址：
<head>
<base href="http://www.baidu.com/">
</head>
这样，文章中出现的地址只需要写出base后面的即可。
拓展一下，在head中不仅可以使用base做基础地址，还有几个常用到的标签：
（1）使用link标签链接到CSS表。
（2）使用style标签渲染文档。
（3）使用meta标签表示元数据。例如关键词、内容、作者信息、刷新页面等。
（4）使用script标签加载脚本文件。
提到link链接和style的渲染文档，就不得不说一说CSS，这是一个非常好用的渲染工具。
比如设置背景色，字体颜色和大小，文本对齐方式：
<body style="background-color:yellow;">
<h1 style="font-family:verdana;text-align:center;">标题</h1>
<p style="font-famliy:arial;color:red;font-size:20px">段落</p>
使用CSS最好使用外部样式表的方式，这个以后CSS文章中详细说。还有就是关于脚本<script>也在以后的文章中会讲。
图像：要在页面中插入图像，可以使用<img>完成。其格式为<img src=“url” alt=“text”>，其中alt不是必须的，在无法载入图像时会显示alt的内容。还可以在后面为图像设置长度和宽度，单位为像素，如下：
<img src="123.png" width="400" height="400">
介绍完一些常用的标签了。
另一些相对常用的标签格式还有表格、列表、区块等等，简单一说。
表格：使用<table>标签定义，其中行使用<tr>，列使用<td>。如果要使用边框，就在table中加入属性border=“1”，此外，还可以定义表头使用<th>。
列表：分为无序列表和有序列表，无序列表使用标签<ul>定义，有序列表使用<ol>定义。其中的每一列使用标签<li>实现。此外，还有一种叫做自定义列表，以<dl>开始，每个列表使用<dd>定义，表中的数据项使用<dt>定义。
区块：div和span元素，可以部分用来组合成HTML文档。
还有一个很重要的类型叫做表单：在Web服务器和用户进行交互的时候常用，例如登录和注册的地方能用到。
输入文本框和密码，使用form标签创建表单：
<form>
First name:<input type="text" name="firstname"><br>
Last name:<input type="text" name="lastname">
</form>
如果是要输入密码之类的加密的字符，属性改为type="password"即可。
此外还有使用按钮样式的表单。如果是单选使用属性type=“radio”，如果要实现多选使用type=“checkbox”。
提交按钮使用属性action="text.php"连接服务端的文件，使用type="submit"创建提交按钮。
一个有趣的标签可以了解一下：<iframe>可以在页面窗口中展示不止一个页面窗口。类似于画中有画的效果，语法：<iframe src=‘url’><iframe>。
最后，说一下HTML有关字符处理的问题。HTML文件中的特殊字符都可以使用其定义好的名称显示，&It，或者<。在HTML中，多个空格被看作一个空格，使用空格可以用 表示。其颜色使用六位十六进制数（RGB规则）来表示，每个颜色最小值为0，最大为255。格式为黑色#000000，红色#FF0000等。
打字飞快，多多包涵。
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
