当前位置: 首页 > news >正文

HTML 常用的块级元素和行内元素

1. 常用的块级元素

  • 块级元素具有如下特点:

    • 占据父容器的整行宽度。
    • 通常从新的一行开始。
    • 可以包含其他块级元素和行内元素。
  • 常用的块级元素:

    div:通用的容器,用于布局和分块内容。
    h1 到 h6:标题标签,定义从一级标题到六级标题。
    p:段落标签,用于定义文本段落。
    ul 和 ol:无序列表和有序列表,分别用于定义项目符号列表和编号列表。
    li:列表项,用于在列表(ul 或 ol)中定义项目。
    blockquote:块级引用,用于引用大段的文本。
    header:页面或部分内容的头部。
    footer:页面或部分内容的底部。
    section:用于页面中定义内容的一个区块。
    article:表示页面中的一篇文章或独立的内容块。
    nav:定义导航链接的容器。
    aside:表示与页面主要内容相关的侧边内容。
    form:用于创建表单。
    table:定义表格结构。

  • 其他常见的块级元素:
    hr:水平线,通常用于分割内容。
    figure:用于包含图像、图表或其他插图。
    figcaption:定义 figure 的标题或说明。

2. 常用的行内元素

  • 行内元素具有如下特点:

    • 只占据内容所需的宽度,不会从新的一行开始。
    • 不能包含块级元素,但可以包含其他行内元素或文本。
  • 常用的行内元素:

    span:通用的行内容器,通常用于局部样式化文本。
    a:链接标签,用于创建超链接。
    strong:用于表示重要的内容,通常显示为加粗文本。
    em:用于表示强调内容,通常显示为斜体文本。
    img:图像标签,用于嵌入图像。
    br:换行符,用于在文本中换行。
    i:斜体文本,通常用于表示不同语言或名词。
    b:加粗文本,用于强调部分内容。
    u:下划线文本。
    code:表示计算机代码,通常显示为等宽字体。
    small:用于显示小号文本。
    sub:下标文本。
    sup:上标文本。
    label:表单标签,用于描述表单控件。

  • 其他常见的行内元素:
    mark:用于高亮文本。
    time:表示时间或日期。
    abbr:表示缩写。
    cite:用于引用标题或作品名称,通常显示为斜体。
    q:短引用,表示短的行内引用文本。

3 总结:

块级元素行内元素
divspan
pa
h1-h6strong
ul,olli,em
tablei,b,u
blockquoteimg
header,footerbr
article,sectioncode
navlabel
asidemark,time,q
http://www.lryc.cn/news/457126.html

相关文章:

  • js短路求值
  • react 知识点汇总(非常全面)
  • 如何加密重要U盘?U盘怎么加密保护?
  • js编写一个中奖程序
  • Mybatis-plus的基础用法
  • 【网络篇】计算机网络——应用层详述(笔记)
  • 力扣10.9
  • @RequestMapping指定请求方式的用法
  • 卷积神经网络细节问题及知识点
  • 【图论】(一)图论理论基础与岛屿问题
  • PhotoMaker部署文档
  • 双十一买什么最划算?2024年双十一选购攻略汇总!
  • Oracle架构之物理存储之审计文件
  • DAY6 面向对象
  • 代码随想录 (三)—— 哈希表部分刷题
  • 搜维尔科技:使用 SenseGlove Nova 2 远程操作机械手,实现了对鸡蛋的精细操控
  • Mybatis是什么?优缺点分别有哪些?
  • opencascade鼠标拖拽框选功能
  • docker 部署 postgres
  • 【重学 MySQL】五十、添加数据
  • 硬货!Zabbix监控AIX系统服务案例
  • python常见面试题
  • 低功耗接地故障控制器D4145
  • SpringMVC的处理流程
  • SpringBoot统一日志框架
  • vue-live2d看板娘集成方案设计使用教程
  • springboot接口如何支持400并发量
  • Verilog中的: `+:` 和 `-:`
  • 为何四次挥手要等待2MSL
  • C++——模拟实现list