html5现在被越来越的人学习了，看一些学习html5教程可以学习相关的内容，首先让我们了解一下html5吧。
1、HTML文档结构
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
第一个HTML示例
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>我的第一个网页</title>
</head>
<body>
<p>Hello，World！</p>
</body>
</html>
其中：
<!DOCTYPE html>声明
<title>与</title>之间的网页的标题，出现在标题栏中
<meta charset = "utf-8">声明网页所使用的字符编码为utf-8。
<html>与</html>之间的文本描述网页
<head>与</head>之间的是网页的开头部分，描述一些网页相关的信息。
<body>与</body>之间的是网页的主体部分，为可见的页面内容
<p>与</p>之间的文本被显示为段落
2、为文档类型声明
<!DOCTYPE html>为文档类型声明。<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
下面来展示一下每个类型规范书写
HTML 4.01 和 XHTML 1.0 都有三种文档类型：Strict、Transitional 以及 Frameset。
HTML 4.01 严格型：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 过渡型：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0 严格型：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 过渡型：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 5：
<!DOCTYPE html>
3、HTML 标签
HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
HTML 标签由开始标签和结束标签组成
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
某些 HTML 元素没有结束标签，比如 <br>
4、HTML 标题
HTML 标题是通过 <h1> - <h6> 等标签进行定义的。
如：
<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>
5、HTML 段落<p>
HTML 段落是通过 <p> 标签进行定义的。
如：
<p>这是一段文字。</p>
<p>这是另一段文字。</p>
6、属性 title
规定元素的额外信息（可在工具提示中显示）
如：<p title="这是一个诗人，最近很忙">杜甫</p>
7、换行标签<br>
8、特殊字符
空格
< 小于号 <
> 大于号 >
& and符号 &
" 双引号 "
' 撇号 '
© 版权 ©
× 乘号 ×
÷ 除号 ÷
∫ 积分号 ∫
π pi π
‰ 千分号 ‰ ‰
♠ spade ♠
♣ club ♣
♥ heart ♥
♦ diamond ♦
例：<h2>< ∫ ♠ ♣ ♥ ♦ π ></h2>
9、注释 <!-- -->
注释不会被浏览器显示出来。
10、<pre> 标签
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
例：
<pre>
int main()
{
cout << "Hello, World!" << endl;
}
</pre>
11、<ins> 标签和 <del> 标签
<ins> 标签定义已经被插入文档中的文本。
<del> 标签定义文档中已被删除的文本。
<del> 标签和<ins> 标签配合使用，来描述文档中的更新和修正。
大多数浏览器会改写为删除文本和下划线文本。
例：<p>春风又<del>过</del><ins>绿</ins>江南岸</p>
12、文字字体格式 <b> <i> <small> <em> <strong>
<b> 定义粗体文本。<b> 标签用于强调某些文本。
<i> 定义斜体文本。
<small> 标签将旁注呈现为小型文本。
<em> 定义强调文本。
<strong>定义更强烈的强调文本。
一般浏览器会把em元素呈现为斜体字，而将strong元素呈现为粗体。
13、上标和下标 <sub> <sup>
<sub> 定义下标文本。
<sup> 定义上标文本。
例：
<h1>H<sub>2</sub>O</h1>
<h1>E = mc<sup>2</sup></h1>
14、注音 <ruby> <rt>
<ruby> 标签定义 ruby 注释（中文注音或字符）。
<rt> 标签定义字符（中文注音或字符）的解释或发音。
<ruby>标签是 HTML 5 中的新标签。
<ruby> 和 <rt> 标签一同使用，例：
<ruby>
雷小园<rt>lei xiao yuan</rt>
</ruby>
15、引用 <blockquote> 和 <q>
<blockquote>定义长的引用。浏览器呈现为一段缩进文本。
<q> 定义短的引用。浏览器呈现为引号。
例：
<p>
网页设计要学习的内容为：
<blockquote>HTML、CSS、Javascript... </blockquote>
</p>
<p>
网页设计要学习的内容为：
<q>HTML、CSS、Javascript... </q>
</p>
第一个HTML示例
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>我的第一个网页</title>
</head>
<body>
<p>Hello，World！</p>
</body>
</html>
其中：
<!DOCTYPE html>声明
<title>与</title>之间的网页的标题，出现在标题栏中
<meta charset = "utf-8">声明网页所使用的字符编码为utf-8。
<html>与</html>之间的文本描述网页
<head>与</head>之间的是网页的开头部分，描述一些网页相关的信息。
<body>与</body>之间的是网页的主体部分，为可见的页面内容
<p>与</p>之间的文本被显示为段落
2、为文档类型声明
<!DOCTYPE html>为文档类型声明。<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可
告知浏览器文档使用哪种 HTML 或 XHTML 规范。
HTML 4.01 和 XHTML 1.0 都有三种文档类型：Strict、Transitional 以及 Frameset。
HTML 4.01 严格型： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 过渡型： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0 严格型： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 过渡型： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 5：
<!DOCTYPE html>
3、HTML 标签
HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
HTML 标签由开始标签和结束标签组成
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
某些 HTML 元素没有结束标签，比如 <br>
4、HTML 标题
HTML 标题是通过 <h1> - <h6> 等标签进行定义的。
如：
<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>
5、HTML 段落<p>
HTML 段落是通过 <p> 标签进行定义的。
如：
<p>这是一段文字。</p>
<p>这是另一段文字。</p>
6、属性 title
规定元素的额外信息（可在工具提示中显示）
如：<p title="这是一个诗人，最近很忙">杜甫</p>
7、换行标签<br>
8、特殊字符
空格
< 小于号 <
> 大于号 >
& and符号 &
" 双引号 "
' 撇号 '
© 版权 ©
× 乘号 ×
÷ 除号 ÷
∫ 积分号 ∫
π pi π
‰ 千分号 ‰ ‰
♠ spade ♠
♣ club ♣
♥ heart ♥
♦ diamond ♦
例：<h2>< ∫ ♠ ♣ ♥ ♦ π ></h2>
9、注释 <!-- -->
注释不会被浏览器显示出来。
10、<pre> 标签
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
例：
<pre>
int main()
{
cout << "Hello, World!" << endl;
}
</pre>
11、<ins> 标签和 <del> 标签
<ins> 标签定义已经被插入文档中的文本。
<del> 标签定义文档中已被删除的文本。
<del> 标签和<ins> 标签配合使用，来描述文档中的更新和修正。
大多数浏览器会改写为删除文本和下划线文本。
例：<p>春风又<del>过</del><ins>绿</ins>江南岸</p>
12、文字字体格式 <b> <i> <small> <em> <strong>
<b> 定义粗体文本。<b> 标签用于强调某些文本。
<i> 定义斜体文本。
<small> 标签将旁注呈现为小型文本。
<em> 定义强调文本。
<strong>定义更强烈的强调文本。
一般浏览器会把em元素呈现为斜体字，而将strong元素呈现为粗体。
13、上标和下标 <sub> <sup>
<sub> 定义下标文本。
<sup> 定义上标文本。
例：
<h1>H<sub>2</sub>O</h1>
<h1>E = mc<sup>2</sup></h1>
14、注音 <ruby> <rt>
<ruby> 标签定义 ruby 注释（中文注音或字符）。
<rt> 标签定义字符（中文注音或字符）的解释或发音。
<ruby>标签是 HTML 5 中的新标签。
<ruby> 和 <rt> 标签一同使用，例：
<ruby>
雷小园<rt>lei xiao yuan</rt>
</ruby>
15、引用 <blockquote> 和 <q>
<blockquote>定义长的引用。浏览器呈现为一段缩进文本。
<q> 定义短的引用。浏览器呈现为引号。
例：
<p>
网页设计要学习的内容为：
<blockquote>HTML、CSS、Javascript... </blockquote>
</p>
<p>
网页设计要学习的内容为：
<q>HTML、CSS、Javascript... </q>
</p>
这些代码在编写的时候是在一个软件中编写的，但是编写出来的代码未必可以应用与所有html5浏览器，所以在编写的过程中需要不断的测试，以便于多个浏览器兼容。
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
