HTML 区块

HTML区块是一个存放标签的盒子,对标签进行分组。

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

xml 复制代码
<div>
 <strong>首页</strong> <em>赞赏</em> <em>反馈</em></div><!-- 内容 --><div>
            <em>HTML基础教程</em> <em>CSS教程</em> <em>JavaScript教程</em></div>

HTML 区块元素

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

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

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

HTML 内联元素

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

示例: <b>, <td>, <a>, <img> <i>

HTML <div> 元素

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

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

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

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

HTML <span> 元素

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

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

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

HTML 分组标签

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

引用

菜鸟教程

相关推荐
变与不变80621 小时前
jQuery怎么使用
前端·javascript
神膘护体小月半21 小时前
flex 布局的 order 属性
前端·css
paopaokaka_luck21 小时前
流浪动物救助与收养系统(DeepSeek AI对话、 ECharts多维分析、救助流程衔接、领养与回访衔接、 捐赠确认与公示、志愿者协作)
java·前端·javascript·人工智能·mysql·echarts·推荐算法
仰望.21 小时前
vue 表格组件 vxe-table 树表格懒加载支持拖拽排序的详细用法
前端·javascript·vue.js·vxe-table
前端 贾公子21 小时前
vite-plugin-uni-manifest 升级指南
前端
小码哥_常21 小时前
iPhone 用户传了张 HEIC,我的前端崩了
前端
小码哥_常21 小时前
你发的原图可能暴露你家地址——聊聊图片 EXIF 隐私
前端
java1234_小锋21 小时前
【技术专题】CSS3 网页技术 - CSS3 优先级
前端·css·css3
鸿蒙开发1 天前
共享 Schema 与 SchemaFactory
前端·后端·harmonyos
屏什么录1 天前
录屏超过两小时就卡顿崩盘?从参数调优到代码实现,一文彻底搞定长时间录屏
前端·音视频开发