史上最全HTML分类标签,看完不了解来砍我

本文详细介绍了HTML标签,包括块级元素和内联元素的特点及常用标签。块级元素用于大布局,占据整行,可自由调整宽高;内联元素则适合展示文字和小图标,不能直接设置宽高。此外,还分享了CSS、Flutter、Vue等源码笔记获取方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html标签

html标签HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

  • 标签不会出现在页面中,只有标签中的内容才会显示在页面上 :也就是<html>此处为内容</html>
  • 标签不区分大小写,但是推荐使用小写 :(X)HTML 版本中强制使用小写,这样更加严谨
  • 标签分为闭合标签和空标签 :闭合标签是指由开始标签和结束标签组成的一对标签,这种标签允许嵌套和承载内容,例如:<html></html>、<p></p>;空标签是没有内容的标签,在开始标签中自动闭合,例如:<img />、<br />、<hr />

html标签分类

html标签又叫做html元素,它分为块级元素和内联元素(也可以叫做行内元素),都是html规范中的概念。

块级元素

块级元素是指本身属性为display:block;的元素。因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建。

块级元素的特点:
  • 独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布
  • 可以直接控制宽度、高度以及盒子模型的相关css属性
  • 在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
  • 在不设置高度的情况下,块级元素的高度是它本身内容的高度
常用的块级元素
标签描述
div常用块级容器,也是css layout的主要标签
h1大标题
h2副标题
h3三级标题
h4四级标题
h5五级标题
h6六级标题
hr水平分隔线
menu菜单列表
ol有序列表
ul无序列表
li列表项
dl定义列表
dt定义术语
dd定义描述
table表格
p段落
form交互表单

内联元素

内联元素是指本身属性为display:inline;的元素。因为它自身的特点,我们通常使用块级元素来进行文字、小图标(小结构)的搭建。

内联元素的特点:
  • 和其他内联元素从左到右在一行显示
  • 不能直接控制宽度、高度以及盒子模型的相关css属性,但是直接设置内外边距的左右值是可以的
  • 内联元素的宽高是由本身内容的大小决定(文字、图片等)
  • 内联元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素)
常用的内联元素
标签描述
span常用内联容器,定义文本内区块
a锚点
b加粗
strong加粗强调
i斜体
em斜体强调
s中划线(不推荐使用)
strike中划线
del文档中已被删除的文本
br强制换行
u下划线
textarea多行文本输入框
input输入框
select下拉列表
labelinput 元素定义标注(标记)
img引入图片
sub下标
sup上标
big大字体文本
small小字体文本

另外,dog这里收集了一些css,html,flutter,vue等源码笔记,需要的可以点我获取
200源码笔记

总结:

不得不说前端涉及的内容是如此地广泛,文章持续更新中~
请多多关注前端dog喔~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值