零基础HTML入门教程(7)——行级元素

程序员大宁

于 2022-12-02 21:19:43 发布

阅读量258

点赞数 1

分类专栏： HTML篇文章标签： html 前端 css

本文链接：https://blog.csdn.net/weixin_61808806/article/details/128154746

版权

HTML篇专栏收录该内容

23 篇文章 1 订阅

订阅专栏

本章目录

1.任务目标

我们这一小结学习一下行级元素，理解和熟练使用行级元素。

2.行级元素

1.可以与其他行内元素并排。
2.不能设置宽高。
基本上所有的文本级标签，都是行内元素，例如：p,span,a,b,em等等。（p标签比较特殊，是文本级标签，但是是块级元素）

3.代码演示

我们用一下spen标签作为演示

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
 <span>第一个span</span>
 <span>第二个span</span>
 <span>第三个span</span>
 <span>第四个span</span>
</body>

</html>

效果如下
在这里插入图片描述
他们是不换行的无论多少span都是在一行

4.小结

我们学习了这一小节明白了行内元素不会换行，不能设置宽高。我们在下面多多练习，熟练掌握。

程序员大宁

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
零基础HTML入门教程(7)——行级元素

基本上所有的文本级标签，都是行内元素，例如：p,span,a,b,em等等。（p标签比较特殊，是文本级标签，但是是块级元素）我们学习了这一小节明白了行内元素不会换行，不能设置宽高。我们在下面多多练习，熟练掌握。我们这一小结学习一下行级元素，理解和熟练使用行级元素。他们是不换行的无论多少span都是在一行。我们用一下spen标签作为演示。1.可以与其他行内元素并排。
复制链接

扫一扫