HTML零基础-05-常用标签div&span

HTML中的div与span元素详解

最新推荐文章于 2025-12-02 22:10:11 发布

原创最新推荐文章于 2025-12-02 22:10:11 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

HTML5 专栏收录该内容

16 篇文章

订阅专栏

这篇博客介绍了HTML中的<div>和<span>标签。<div>作为层和块级元素，占据整页宽度，常用于布局，其属性如align用于内容对齐。而<span>是行内元素，不自动换行，适用于文本内的部分样式设置。示例中展示了<div>和<span>的使用方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>div&span</title>
</head>
<!--
    <div>和<span>
        div标签
            层、块级元素,标签会自动换行
            常用布局
            常用属性
                align div元素中内容的对齐方式
        span标签
            块 行内元素,标签不会自动换行

-->
<body>
    <div align="center"> <!--默认占据整页宽度,高度取决于你写了多少-->
        Hello
    </div>
    <div>
        hi
    </div>
<!--默认你写多少占多少宽度-->
    <span>张三</span>
</body>
</html>