总结在网页搭建过程中常用标签(一)

本文探讨了HTML标签在网页布局中的关键作用,以及<img>标签如何嵌入和替换图像。同时介绍了<section>标签用于组织文档结构和<hr>定义主题分隔线。了解这些基础元素有助于提升网页设计和开发技能。
摘要由CSDN通过智能技术生成

<div>标签

称为区隔标记。作用:设定字、画、表格等的摆放位置。


<img>标签

是使用来在网页中嵌入一幅图像。从技术上讲,图像并不是插入到网页中,而是链接到网页中,<img>标签的作用是为被引用的图像创建占位符。

<img>标签在网页中很常用,比如,引入一个logo图片、按钮背景图片、工具图标等等。只要是有图片的地方,源代码中基本都有<img>标签(除一些背景图片以外)。

<img src="被引用图像的地址" alt="图像的替代文本">

<section>标签

定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分,section元素表示文档或应用的一个部分。所谓“部分”,这里是指按照主题分组的内容区域,通常会带有标题。”

<hr>标签

是使用来定义一条水平线。在html5版本中升级了该标签,使其具有语义,用来定义主题的变化,比如话题的转移,并显示一条水平线;

<hr>标签的显示上是一条水平线,效果在视觉上将文档分割成各个部分。

<span>标签

用来组合文档中的行内元素。

<span>标签在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。其实<span>本身没有任何属性,只有当对它应用样式时,它才会产生视觉上的变化。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值