HTML的常用标签

165 阅读1分钟

我们为什么要学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>

<sub>下标字</sub>

<sup>上标字</sup>

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

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

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

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

框架: 元素会创建包含另外一个文档的内联框架(即行内框架)。