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

server/2024/12/22 12:21:06/

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.ppmy.cn/server/132204.html

相关文章

Cesium如果链接着色器的?

Cesium的着色器是一个很庞大的技术体系,我们使用起来相对还是比较容易的。Cesium内置了很多以CZM_开头的函数和Uniform。这些着色器是如何关联,又是如何调用的呢? 为了方便表示,我们可以做一个想象。一堆货物需要经过码头&#x…

【Vue】鼠标滚轮横向滚动操作设计

需求&#xff1a; 鼠标滑轮滚动&#xff0c;操作横向滚动条 解决&#xff1a; 监控滚动操作&#xff0c;根据滚动偏移量&#xff0c;修改横向滚动条的位置 <template><div class"image_view"><div class"image_content"><divv-fo…

OpenUAV:首个专为现实无人机视觉语言导航设计的大规模轨迹数据集,由大约 12k 个轨迹组成,涵盖了多种环境和复杂的飞行动态。

2024-10-10&#xff0c;由北京航空航天大学人工智能研究所、香港中文大学MMLab以及感知与交互智能中心共同创建了OpenUAV数据集&#xff0c;首个专为现实无人机&#xff08;UAV&#xff09;视觉语言导航&#xff08;VLN&#xff09;任务设计的大型轨迹数据集&#xff0c;该数据…

基于腾讯云的AI视频课程制作工具

1. 需求信息 1.1 需求背景 讲师们在制作视频的过程中&#xff0c;发现录制课程比较麻烦&#xff0c;要保证环境安静&#xff0c;保证录制过程不出错&#xff0c;很容易反复重复录制&#xff0c;为了解决重复录制的工作量&#xff0c;想通过 ai 课程制作工具&#xff0c;来解决…

docker详解介绍+基础操作 (三)优化配置

1.docker 存储引擎 Overlay&#xff1a; 一种Union FS文件系统&#xff0c;Linux 内核3.18后支持 Overlay2&#xff1a;Overlay的升级版&#xff0c;docker的默认存储引擎&#xff0c;需要磁盘分区支持d-type功能&#xff0c;因此需要系统磁盘的额外支持。 关于 d-type 传送…

github pages + hugo 搭建静态博客网站

体验地址 1. 起因&#xff0c; 目的: 其实6年前&#xff0c;我就写过这个。 项目代码 博客地址 最近想改写一下。 github 推荐的主题是 Jekyll&#xff0c; 我当时用的就是这个&#xff0c;感觉很麻烦。尤其是文章命名。 新的主题 hugo 用起来还行。 2.过程: 过程记录&am…

BUFG是否可以像BUFR 一样分频

回答&#xff1a; 不&#xff0c;BUFG 不能像 BUFR 一样进行频率分频。BUFG 是全局时钟缓冲器&#xff0c;用于在整个 FPGA 芯片范围内分配时钟信号&#xff0c;但它不具备频率分频的功能。相比之下&#xff0c;BUFR 是区域时钟缓冲器&#xff0c;除了提供时钟缓冲功能外&…

基于vue框架的大学校园生活交流平台rko1z(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。

系统程序文件列表 项目功能&#xff1a;用户,寻物启事,分享类型,校园分享 开题报告内容 基于Vue框架的大学校园生活交流平台开题报告 一、项目背景与意义 随着信息技术的飞速发展&#xff0c;大学校园生活日益多元化和数字化。学生们对于信息获取、分享与交流的需求日益增长…