HTML基础：div/span标签的简单应用

BestKagome

已于 2023-05-29 14:29:32 修改

阅读量137

点赞数

分类专栏： Html 文章标签： c# html

于 2022-06-30 11:46:04 首次发布

本文链接：https://blog.csdn.net/Alley_Olive/article/details/125537675

版权

Html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!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>div、span标签</title>
</head>
<body>
    <!--
        div和span是html文档中最重要的容器标签
        div是块状容器，独占一行，主要用于搭建网页布局，页面整体布局就靠它
        span是行级容器，其大小与被包裹的对象自适应
    -->
    <div>
        <!-- span标签把下面的文字自动排列到同一行 -->
        <span>Hello </span>
        <span>China !</span>
    </div>
    <div>
        <span>Hello </span>
        <span>My Friend !</span>
    </div>
</body>
</html>

在Google Chrome浏览器中的预览效果：