一些常用标签的演示
学习HTML，就是学习它所包含的不到120个的标签，其中大约有30个在实际开发中是常用的，作为一名Web开发人员，必须要熟记这些常用标签，能够正确书写并了解它们的含义。
这节我们就来演示一些常用标签，方便大家以后的学习。
在HTML中，用<a>标签来定义一个链接，如下所示：
本节对HTML中一些常用标签进行了简单的演示，主要是让大家对HTML有一个概念上的认识，并没有过多的解释和延展，大家暂时也不用剖根问底，后面我们还会详细讲解。
这节我们就来演示一些常用标签，方便大家以后的学习。
链接
一个网站包含了成千上万的网页，它们之间就是通过链接（Link）交织在一起的。用户点击一个链接可以跳转到当前网站的其他页面，也可以跳转到其他的网站，整个互联网就是靠链接编织起来的一张大网。在HTML中，用<a>标签来定义一个链接，如下所示：
<a href="http://www.baidu.com">百度</a> <a href="http://c.biancheng.net/cpp/u/html">HTML入门教程</a>
标题
<h1>~<h6> 标签用来定义某段文本或者某个部分的标题，它们之间最明显的区别就是文字大小不同，如下所示：<h1>这是 h1 标签</h1> <h2>这是 h2 标签</h2> <h3>这是 h3 标签</h3> <h4>这是 h4 标签</h4> <h5>这是 h5 标签</h5> <h6>这是 h6 标签</h6>
段落
<p> 标签用来表示一个文本段落。从视觉上看，使用 <p> 与不使用 <p> 的效果是一样的，如下所示：<p>C语言中文网是一个免费学习编程的网站，它的地址是<a href="http://c.biancheng.net">http://c.biancheng.net</a>，已经成立四年了！</p>
图片
在网页中插入图片使用 <img> 标签，如下所示：
<p>
下面是一副非常美丽的风景图片：<br />
<img src="/cpp/uploads/allimg/160518/1-16051QPTQV.jpg" />
</p>
音乐
在网页中插入音乐使用 <audio> 标签，如下所示：
<p>下面一段优美的音乐：</p>
<audio controls="controls">
<source src="/cpp/demo/html/song.mp3" type="audio/mp3" />
<source src="/cpp/demo/html/song.ogg" type="audio/ogg" />
您的浏览器不支持 audio 标签，请更新...
</audio>
视频
在网页中插入视频使用 <video> 标签，如下所示：
<p>下面一段优美的视频：</p>
<video width="320" height="240" controls="controls">
<source src="/cpp/demo/html/movie.mp4" type="video/mp4" />
<source src="/cpp/demo/html/movie.ogg" type="video/ogg" />
<source src="/cpp/demo/html/movie.webm" type="video/webm" />
您的浏览器不支持 video 标签，请更新...
</video>
表格
在网页中插入表格要使用 <table>、<tr>、<td> 等多个标签，如下所示：
<table border="1">
<caption>班级成绩统计表</caption>
<tr><th>学号</th><th>姓名</th><th>语文</th><th>英语</th><th>数学</th></tr>
<tr><td>01</td><td>小明</td><td>89.5</td><td>100</td><td>99.5</td></tr>
<tr><td>05</td><td>张秋实</td><td>92</td><td>95</td><td>88.5</td></tr>
<tr><td>10</td><td>王丽</td><td>80</td><td>99</td><td>80</td></tr>
<tr><td>22</td><td>刘美霞</td><td>83</td><td>82</td><td>79</td></tr>
</table>
列表
在网页中插入列表使用 <ul>、<ol>、<li> 等多个标签，如下所示：
<p>有序列表（前面是黑点）：</p>
<ul>
<li>免费教程通俗易懂</li>
<li>VIP教程更加深入</li>
<li>辅导班提供一对一手把手指导</li>
</ul>
<p>无序列表（前面是数字）：</p>
<ol>
<li>免费教程通俗易懂</li>
<li>VIP教程更加深入</li>
<li>辅导班提供一对一手把手指导</li>
</ol>
本节对HTML中一些常用标签进行了简单的演示，主要是让大家对HTML有一个概念上的认识，并没有过多的解释和延展，大家暂时也不用剖根问底，后面我们还会详细讲解。
