HTML的常用标签

我们为什么要学html标签呢？

我们把文字内容直接添加到body标签内，网页中就可以展示内容了，为什么要学标签呢？那图片怎么添加？链接怎么添加？网页中带有的颜色大小等怎么控制呢？

浏览器并不会显示html标签，只是使用标签来解释页面内容的，所以我们要知道怎么区分和展示内容。

html标签有哪些呢？

<div>元素是块级元素，没有特定的含义，用于组合其他标签使用。div内可以嵌套任何标签使用，包括本身。

示例代码：

复制代码

<div>
    <div>1</div>
    <p>
          <span>2</span>
      </p>
</div>

复制代码

标题：通过<h1>--<h6>标签来进行定义。

<h1>This is a heading</h1>
...
<h6>This is a heading</h6>

段落：使用<p>标签来定义。<p>段落内容</p>

<pre>定义预格式化的文本。通常会保留空格，换行。

链接：常见的点击某个链接、图片或文字进入网页，就需要使用<a>标签。

<a href="https://baidu.com">文字、图片</a>

图片：插入图片需要使用<img>标签。

<img src="图片地址" /> 图片的地址可以是相对路径(本地图片)，也可以是绝对路径(任意网上图片)

文本标签：

　　<b>加粗</b>

　　<strong>加粗</strong>

　　<i>定义斜体</i>

　　<big>定义大字号</big>

　　<small>定义小字号</small>

　　_下标字

　　^上标字

　　<del>定义删除字</del>

　　<ins>定义插入字</ins>

换行：<br />属于单标签内容。

水平线：<hr />属于单标签。

框架：<iframe> 元素会创建包含另外一个文档的内联框架（即行内框架）。