HTML中的块是什么？

最新推荐文章于 2023-12-07 20:28:44 发布

乞力马扎罗的雪CYF

最新推荐文章于 2023-12-07 20:28:44 发布

阅读量1.4k

点赞数 1

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/CHENYUFENG1991/article/details/48751067

版权

HTML5 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

1.HTML块元素

块元素在显示时，通常会以新行开始

如：<h1>,<p>,<ul>

2.HTML内联元素

内敛元素通常不会以新行开始

如：<b>,<a>,<img>

3.HTML<div>元素

<div>元素也被称为块元素，其主要组合HTML元素的容器

4.HTML<span>元素

<span>元素是内联元素，可作为文本的容器

代码演示如下：

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML块元素</title>
    <link rel="stylesheet" type="text/css" href="mycss.css">

    <style type="text/css">

        span{

            color: aqua;

        }
    </style>

</head>
<body >
    <!--  块元素，会以新行开始 -->
    <p>大家好</p>
    <h1>大家好！</h1>

    <!-- 内联元素，不会以新行开始  -->
    <b>这是一个加重标签</b>
    <a>这是一个链接</a>


    <!-- 样式 -->
    <div id="divid">
        <p>你好，程序猿！</p>
        <a>Click Me</a>
    </div>

    <div id="divspan">
        <p><span>这是一个</span>测试</p>

    </div>

</body>
</html>

效果如下：

。