HTML 指超文本标签语言Hyper Text Markup Language。 HTML 是通向 WEB 技术世界的钥匙。 HTML 非常容易学习！你会喜欢它的！
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML 文档也叫做 web 页面
HTML结构
HTML的结构一般包括<head>标签和<body>标签，<head>和<body>这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容，它本身不作为内容来显示，但影响网页显示的效果。<body></body>当中是网页实际显示的内容，正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针，通过点击，可以很方便地获取新的网页，这是HTML获得广泛推广运用最重要的原因之一，而由这些相互之间存在关联的页面组成的有机集合便是网站。
究竟HTML为什么会被普及?这就要归功于互联网的高速发展，对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性，HTML越来越受到人们的喜爱。
HTML5编辑规范
1、文件拓展名默认使用htm或者html，便于操作系统或者程序辨认文件，而图片则基本上存为gif或jpg
2、浏览器默认忽视回车符，不过为了方便阅览，人们还是会习惯地在写完一段代码后进行回车
3、标记符号用尖括号括起来，带斜杠的元素表示该标记说明结束，大多数标记符必须成对使用，用以说明起始和结束。
4、必须使用半角而不是全角字符
5、HTML注释<!--注释内容-->的内容不给予显示。
开始学习HTML
接下来，你可以打开这本教程，先了解html的基本概念，然后一个一个地掌握HTML标签、HTML注释、HTML框架的用法，并且参考借鉴一些优秀的网站，通过浏览器的“查看源代码”功能来了解别人写的HTML代码结构。
HTML对于系统环境配置要求一点也不高，基本上，你只需要有一台电脑就够了。
HTML实例
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
实例解析
DOCTYPE声明了文档的类型
<html>标签是 HTML 页面的根元素，该标签的结束标志为</html>
<head>标签包含了文档的元（meta）数据，如定义网页编码格式为utf-8。
<title>标签定义文档的标题
<body>标签定义文档的主体，即网页可见的页面内容，该标签的结束标志为
<h1>标签作为一个标题使用，该标签的结束标志为</h1>，-- HTML标题
<p>标签作为一个段落显示，该标签的结束标志为</p>–p标签用法
在 HTML5 中也是描述了文档类型。
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。您可以在 W3Cschool 的编程实战部分开始学习 HTML 标签。
HTML 标签是由尖括号包围的关键词，比如<html>
HTML 标签通常是成对出现的，比如<b>和</b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
HTML 网页结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>这是我的第一个标题</h1>
<p>这是我的第一个段落。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>w3cschool 在线教程(www.w3cschool.cn)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
您可以以.htm或者.html扩展名保存您的 HTML 文件，两者没有区别，根据您的使用习惯即可。
将该文件保存在您常用的文件夹中
HTML调试
在编写HTML代码的时候通常会有以下两种主要类型的错误：
语法错误：由于拼写错误导致程序无法运行；通常熟悉语法并理解错误信息后很容易修复。
逻辑错误：不存在语法错误，但代码无法按预期运行；通常逻辑错误比语法错误更难修复，因为无法得到指向错误源头的信息。
HTML 本身不容易出现语法错误，因为浏览器是以宽松模式运行的，这意味着即使出现语法错误浏览器依然会继续运行。浏览器通常都有内建规则来解析书写错误的标记，所以即使与预期不符，页面仍可显示出来。当然，是存在隐患的。
注释：HTML 之所以以宽松的方式进行解析，是因为 Web 创建的初心就是：人人可发布内容，不去纠结代码语法。
HTML 标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.
h是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。
这里有六个标题元素标签 —— <h1>、<h2> 、<h3>、<h4>、<h5>、<h6>，每个元素代表文档中不同级别的内容：
<h1> 表示主标题（the main heading），<h2> 表示二级子标题（subheadings），<h3>表示三级子标题（sub-subheadings），<h4>、<h5>、<h6>依次递减字体的大小。
HTML 段落
HTML 段落是通过标签
来定义的，P是英文paragraph段落的缩写，经常被用来创建一个段落，就和你写作文一样，您可以进行实战实验。
HTML中的空格
在代码中可能包含了很多的空格——这是没有必要的
无论你用了多少空格（包括空格字符，包括换行），当渲染这些代码的时候，HTML解释器会将连续出现的空格字符减少为一个单独的空格符。
HTML 链接
HTML 链接是通过标签<a>来定义的。a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。
<a href="http://www.w3cschool.cn">这是一个链接</a>
HTML 图像
HTML 图像是通过标签来定义的。使用img元素来为你的网站添加图片，使用src 属性指向一个图片的具体地址。
举例如下：<img src="https://www.your-image-source.com/your-image.jpg">
请注意：img元素是自关闭元素，不需要结束标记。
实例
<img src="logonew2.png" width="206" height="36">
HTML 强调
在人类语言中，为了突出一句话的意思，我们通常强调某些词，并且我们通常想要标记某些词作为重点或者表示某种程度上的不同。HTML 提供了许多语义化的元素，并且允许我们通过这些元素的意义标记正文内容，在这个章节中，我们将看到最常见的一小部分元素。
在HTML中我们可以使用em（emphasis）元素来标记这样的情况，浏览器默认风格为斜体：
<p>I am <em>glad</em> you weren't <em>late</em>.</p>
I am glad you weren't late.
在HTML中我们还可以使用<strong>(strong importance)元素来标记这样的请况，浏览器默认风格为粗体：
<p>This liquid is <strong>highly toxic</strong>.</p>
<p>I am counting on you. <strong>Do not</strong> be late!</p>
This liquid is highly toxic.
I am counting on you. Do not be late!
HTML 元素
HTML 元素
HTML 文档由 HTML 元素定义，HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
<!DOCTYPE html>
<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>
上述的实例包含了三个 HTML 元素。
HTML 属性
<a href="http://www.w3cschool.cn">这是一个链接</a>
HTML 水平线
hr 元素可用于分隔内容，使用该元素产生的水平线可以在视觉上将文档分隔成各个部分。
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
这是一个段落。
这是一个段落。
这是一个段落。
HTML折行
如果您希望在不产生一个新起点的情况下进行换行（新行），请使用<br />标签。
在HTML语言中，<br />标签定义为一个换行符，它可以理解为简单的输入一个空行，而不是用来对内容进行拆分：
<p> 这个<BR> 段落<BR> 演示了分行的效果</p>
这个
段落
演示了分行的效果
HTML 格式化标签
HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式，如：粗体 or 斜体
这些 HTML 标签被称为格式化标签（请查看底部完整标签参考手册）。
HTML
HTML 头部元素包含关于文档的概要信息，也被称为元信息（meta-information）。
元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种 meta 信息。可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
<head> 元素描述了文档的各种属性和信息，其中包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
HTML <title> 元素
<title> 标签定义了不同文档的标题。
<title> 在 HTML/XHTML 文档中是必须的。
<title> 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
一个简单的 HTML 文档:
HTML <base> 元素
<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:
HTML <link> 元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表:
HTML <style> 元素
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你需要指定样式文件来渲染HTML文档:
<head>
<style type="text/css">
body {
background-color:yellow}
p {
color:blue}
</style>
</head>
HTML <meta> 元素
meta标签描述了一些基本的元数据。
<meta> 标签提供了元数据。元数据也不显示在页面上，但会被浏览器解析。
META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
<meta>一般放置于 <head>区域
HTML <script> 元素
<script>标签用于加载脚本文件，如： JavaScript。
<script> 元素在以下章节会详细描述。
HTML CSS百科及常用嵌入方式
HTML 样式- CSS
CSS（Cascading Style Sheet）可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML 元素，用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离，极大提高了工作效率 。样式存储在样式表中，通常放在部分或存储在 外部CSS文件中。作为网页标准化设计的趋势，CSS取得了浏览器厂商的广泛支持，正越来越多的被应用到网页设计中去。
网页现在的新标准是W3C。目前的模式是html+css+javascript，如何理解呢，就是html是网页的结构，CSS是网页的样式，javascript是行为。结构就是盖房子先要把结构建出来，然后用CSS来装饰。其实你在用dreamweaver做网页时就已经用到了CSS，比如你用DW的属性面板来设置一个字的字体、颜色和大小，当你选好后，就会自动生成一个.style1的红色代码，在之间不知道你注意过没有，这就是CSS。
CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式.
<!DOCTYPE html>
<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
HTML 样式实例 - 文本对齐方式
使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式：
HTML 图像- 图像标签<img>和源属性Src
在 HTML 中，图像由<img>标签定义。
是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src指 “source”。源属性的值是图像的 URL 地址。
alt属性用来为图像定义一串预备的可替换的文本。在编程测试中练习alt属性的使用方法。
替换文本属性的值是用户定义的。
在<img>标签中您可以使用border属性以像素为单位指定边框粗细。厚度为 0 表示图片周围没有边框。
设置图像对齐
默认情况下，图像在页面中将显示为左侧对齐，在<img>标签中您可以使用align属性将设置图像的对齐方式：center(居中)或right(右侧)。
<img src="url" alt="some_text"width="304" height="228"border = "3"align="right">
HTML 表格
表格由<table>标签来定义。每个表格均有若干行（由<tr>标签定义），每行被分割为若干单元格（由<td>标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
HTML 表格的基本结构：
<table>…</table>：定义表格
<th>…</th>：定义表格的标题栏（文字加粗）
<tr>…</tr>：定义表格的行
<td>…</td>：定义表格的列
使用边框属性border来显示一个带有边框的表格：
表格的表头单元格使用标签进行定义。
在
<caption> ... </ caption>标签作为标题，并在表的顶部显示出来。
<table border="1" width = "400" height = "150">
<caption>这是标题</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
| Header 1 | Header 2 |
|---|---|
| row 1, cell 1 | row 1, cell 2 |
| row 2, cell 1 | row 2, cell 2 |
HTML 区块
HTML <div> 和<span>
HTML 可以通过 <div> 和 <span> 将元素组合起来。
HTML 区块元素
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
实例: <h1>, <p>, <ul>, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始。
实例: <b>, <td>, <a>, <img>
HTML <div> 元素
HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
HTML <span> 与元素
HTML <span> 元素是内联元素，可用作文本的容器
<span> 元素也没有特定的含义。
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。