HTML 区块

HTML <div><span>


HTML 可以通过 <div> 和 `将元素组合起来。


大多数 HTML 元素被定义为块级元素内联元素

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

实例: <h1>, <p>, <ul>, <table>


HTML 内联元素

内联元素在显示时通常不会以新行开始。

实例: <b>, <td>, <a>, <img>


HTML <div> 元素

HTML <div> 元素是块级元素,它可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。

如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。


HTML <span> 元素

HTML <span> 元素是内联元素,可用作文本的容器

<span> 元素也没有特定的含义。

当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。


HTML 分组标签

标签 描述
<div> 定义了文档的区域,块级 (block-level)
<span> 用来组合文档中的行内元素, 内联元素(inline)

若文章对你有帮助,可以点赞或打赏支持我们。发布者:lyh会员,转载请注明出处:http://61.174.243.28:13541/AY-knowledg-hub/html-%e5%8c%ba%e5%9d%97/

(0)
lyhlyh会员认证作者
上一篇 2023年 4月 13日 下午10:30
下一篇 2023年 4月 13日 下午10:59

相关推荐

  • 前言

    C++ 是一种高级语言,它是由 Bjarne Stroustrup 于 1979 年在贝尔实验室开始设计开发的。C++ 进一步扩充和完善了 C 语言,是一种面向对象的程序设计语言。…

    2024年 3月 18日
  • indent

    文章目录indent补充说明语法选项实例 indent 格式化C语言的源文件 补充说明 indent命令 可辨识C的原始代码文件,并加以格式化,以方便程序员阅读、修改等操作。 语法…

    入门教程 2023年 12月 19日
  • Java 日期时间

    java.util 包提供了 Date 类来封装当前的日期和时间。 Date 类提供两个构造函数来实例化 Date 对象。 第一个构造函数使用当前日期和时间来初始化对象。 Date…

    入门教程 2023年 3月 4日
  • pidstat

    文章目录pidstat说明语法选项实例查看所有进程的CPU使用情况查看所有进程的内存使用情况查看所有进程的IO使用情况查看进程的上下文切换情况 pidstat 监控进程的系统资源占…

    入门教程 2024年 3月 1日
  • rpmbuild

    文章目录rpmbuild补充说明语法选项实例 rpmbuild 创建RPM的二进制软件包和源码软件包 补充说明 rpmbuild命令 被用于创建rpm的二进制软件包和源码软件包。 …

    入门教程 2024年 3月 4日
  • Warning: The resulting partition is not properly aligned for best performance

    在使用parted创建分区时产生告警信息, “Warning: The resulting partition is not properly aligned for …

    入门教程 2023年 7月 11日
  • ppp-off

    文章目录ppp-off补充说明语法 ppp-off 关闭ppp连线 补充说明 这是Slackware发行版内附的程序,让用户切断PPP的网络连线。 语法 ppp-off

    入门教程 2024年 3月 1日
  • tty

    文章目录tty概要主要用途选项返回值例子注意 tty 显示连接到当前标准输入的终端设备文件名 概要 tty [option] … 主要用途 显示连接到当前标准输入的终端设备文件…

    入门教程 2024年 3月 11日
  • w

    文章目录w补充说明语法选项参数实例 w 显示目前登入系统的用户信息 补充说明 w命令 用于显示已经登陆系统的用户列表,并显示用户正在执行的指令。执行这个命令可得知目前登入系统的用户…

    入门教程 2024年 1月 3日
  • shopt

    文章目录shopt补充说明语法选项参数实例 shopt 显示和设置shell操作选项 补充说明 shopt命令 用于显示和设置shell中的行为选项,通过这些选项以增强shell易…

    入门教程 2024年 3月 4日
Translate »