为了账号安全,请及时绑定邮箱和手机立即绑定

HTML块元素和行内元素

标签:
Html/CSS

块元素

在HTML中,一个标签也可以称为一个元素,在网页显示中可以独占一行展示的元素成为块元素,比如<p>标签或者<div>标签,THML入门阶段常见的块级元素主要有以下几个:

元素名 说明
h1-h6 标题元素
p 段落元素
div 分区元素
hr 水平线元素
ol 有序列表
ul 无序列表

行内元素

在HTML中,行内元素与块元素恰恰相反,行内元素是可以与其他行内元素位于同一行的。入门阶段常见的块级元素主要有以下几个:

元素名
strong 加粗元素
em 斜体吧元素
sup 上标元素
sub 下标元素
big 大字号元素
small 小字号元素
span span元素
a 超链接

看一个综合的示例:

<body>

    <!-- 块级元素在整个网页中独占一行 -->

    <div>div标签是一个块元素</div>

    <p>p标签也是一个块元素</p>

    <!-- 行内元素每个元素不会独占一行,多个行内元素可以并排在同一行显示 -->

    <strong>strong标签是一个行内元素</strong>

    <i>i标签也是一个行内元素</i>

    <span>span标签也是一个行内元素,一般结合css使用</span>

</body>

运行效果:

图片.png

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消