HTML的常用标签

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

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

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

html标签有哪些呢?

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

示例代码:

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

标题:通过

--

标签来进行定义。
<h1>This is a heading</h1>
...
<h6>This is a heading</h6>

段落:使用

标签来定义。

段落内容

定义预格式化的文本。通常会保留空格,换行。

链接:常见的点击某个链接、图片或文字进入网页,就需要使用标签。

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

图片:插入图片需要使用标签。

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

文本标签:

<b>加粗</b>

<strong>加粗</strong>

<i>定义斜体</i>

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

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

<sub>下标字</sub>

<sup>上标字</sup>

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

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

换行:
属于单标签内容。

水平线:


属于单标签。

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值