HTML|块元素和行内元素

最新推荐文章于 2023-02-23 11:02:02 发布

Alan_Lowe

最新推荐文章于 2023-02-23 11:02:02 发布

阅读量121

点赞数 1

分类专栏： # HTML 文章标签： html 块元素行内元素

本文链接：https://blog.csdn.net/qq_45985728/article/details/118915852

版权

HTML 块元素行内元素标签网页布局

关键词由CSDN通过智能技术生成

HTML 专栏收录该内容

26 篇文章 5 订阅

订阅专栏

HTML|块元素和行内元素

1.块元素：

块元素：无论内容多少，该元素独占一行，比如之前学到的p标签和h1…标签，这些标签的内容就是独占一行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块元素和行内元素</title>
</head>
<body>

<!--
块元素：无论内容多少，该元素独占一行
比如之前学到的p标签和h1...标签，这些标签的内容就是独占一行
-->
<p>我们学习HTML</p> <p>很快乐</p>
<h1>我们学习java</h1> <h1>也很快乐</h1>

</body>
</html>

在这里插入图片描述

2.行内元素

行内标签：内容撑开宽度，左右都是行内元素的可以排在一行，比如我们之前学到的粗体斜体标签，a标签等不会产生换行的标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块元素和行内元素</title>
</head>
<body>

<!--
块元素：无论内容多少，该元素独占一行
比如之前学到的p标签和h1...标签，这些标签的内容就是独占一行
-->
<p>我们学习HTML</p> <p>很快乐</p>
<h1>我们学习java</h1> <h1>也很快乐</h1>

<!--
行内标签：内容撑开宽度，左右都是行内元素的可以排在一行
比如我们之前学到的粗体斜体标签，a标签等不会产生换行的标签
-->
<a href="https://www.baidu.com">前往百度</a>
<strong>粗体</strong>
<em>斜体</em>
<img src="../resource/image/demo01.png">

</body>
</html>

在这里插入图片描述

人生没有白走的路，每一步都算数！

Alan_Lowe

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML|块元素和行内元素

HTML|块元素和行内元素1.块元素：块元素：无论内容多少，该元素独占一行，比如之前学到的p标签和h1…标签，这些标签的内容就是独占一行。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>块元素和行内元素</title></head><body><!--块元素：无论内容多少，该元素独占
复制链接

扫一扫