HTML中标签元素的分类
在HTML中,HTML标签元素大体被分为三种不同的类型:内联元素(又叫行内元素),块状元素,内联块状元素。
常用的内联元素有:
<a>、<span>、<br />、<i>、<em>、 <strong>、<label>、<q>、<var>、<cite>、<code>
内联元素的特点:
- 和其他内联元素都显示在同一行
- 元素的宽度、高度、顶部边距和底部边距不可设置
- 元素的宽度就是它包含的文字或图片的宽度,不可改变
可通过CSS代码display:inline将元素设置为内联元素:
div {
display: inline;
}
常用的块状元素有:
<div>、<p>、<h1>…<h6 />、<ul>、<ol>、 <table>、<address>、<blockquote>、<form>
块状元素的特点:
- 每个块状元素都从新的一行开始,并切其后的元素也另起一行(一个块状元素独占一行)
- 元素的宽度、高度、顶部边距和底部边距都可设置
- 元素的宽度在不设置的情况下,是他本身父容器的100%
可通过CSS代码display:block将元素设置为块状元素:
div {
display: block;
}
常用的内联块状元素有:
<img>、<input>
内联块状元素的特点:
- 和其他内联元素或者内联块状元素都显示在同一行
- 元素的宽度、高度、顶部边距和底部边距都可设置
可通过CSS代码display:inline-block将元素设置为内联块状元素:
div {
display: inline-block;
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· 趁着过年的时候手搓了一个低代码框架
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· 乌龟冬眠箱湿度监控系统和AI辅助建议功能的实现