HTML基本标签

1. 所有html文档都有三个文档级的元素：html、head和body。html的作用是告诉浏览器文档的开头和结尾，是每个网页所需要的元素。head元素可以包含文档标题、元数据信息，文档脚本和样式表达信息等。body包含网页的正文部分。

2. 标题元素h1-h6,格式如下：<h1>test</h1>，即可设置test为一级标题。

3. 段落元素p。<p>段落</p>。

4. 无序列表。<ul><li>test one</li></ul>，其包含子标签<li></li>。有序列表<ol><li>test one</li></ol>，其包含子标签<li></li>。

5. 定义一个列表。<dl><dt>标题</dt><dd>内容</dd></dl>，其包含两个子标签<dt></dt>与<dd><dd>。其中dt标签里面定义的是列表的标题，dd标签定义列表的内容，可以有多个dd标签，但只能有一个dt标签。

6. 预定义标签。<pre></pre>，在这标签里的内容可以按照预定义的格式显示在网页上。

7. 引用标签。 <blockquote>引用内容</blockquote>。引用内容会自动缩进。

8. 超链接。<a href="http://www.baodu.com"  target="_blank">百度</a>。href里面包含超链接的目标地址，target定义浏览器页面的打开方式，"_blank"表示为在新建窗口中打开。

9. 图片标签。<img src="./img/tile.jpg alt="标题图片" />。其中src里面包含引用图片的地址，alt属性表示图片不能正常显示时的时候的提示信息。

10. 字体格式标签。strong：加强，em：强调，i:斜体显示文本。b：文件加粗。

11. 表格。<table><th>标题</th><tr>内容1</tr><tr>内容2</tr></table>。th标签定义表格的标题，tr标签定义表格的内容。其属性有rowspan和colspan，，其值为数值，表示单元格可以跨行数和跨列数。

12. 内联框架。<iframe scrolling="auto" src="http://www.baodu.com" frameborder="0" name="my_frame"></iframe>。可以在一个页面中定义一个新的框架页面。

13. 插入音视频文件。插入音频文件：<audio controls autoplay loop muted><source src="img/1.mp3" type="audio/mp3"></audio>,插入视频文件：<vedio  controls autoplay loop muted><source src="vedio/1.mp4" type="vedio/mp4"></vedio>,其中各属性的含义为：controls：添加进度条，autoplay：自动播放，loop：循环播放，muted：静音。

 

这节课学习了一些html的常用标签，虽然不是很难，但千里之行始于足下，知识就是一点一点积累的。我们都在不断成长，就得不断的学习。认真，是一种态度，也是一种学习方式，更是一种生活方式。

转载于:https://www.cnblogs.com/veganQian/p/5271075.html