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

news2024/10/10 17:26:05

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.coloradmin.cn/o/2202603.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Nuxt.js 应用中的 page:transition:finish 钩子详解

title: Nuxt.js 应用中的 page:transition:finish 钩子详解 date: 2024/10/10 updated: 2024/10/10 author: cmdragon excerpt: page:transition:finish 是 Nuxt.js 中的一个事件钩子,专门用于处理页面过渡效果结束后的逻辑。这一钩子在页面过渡的 onAfterLeave 事件之后…

qt+opengl 实现纹理贴图,平移旋转,绘制三角形,方形

1 首先qt 已经封装了opengl,那么我们就可以直接用了,这里面有三个函数需要继承 virtual void initializeGL() override; virtual void resizeGL(int w,int h) override; virtual void paintGL() override; 这三个函数是实现opengl的重要函数。 2 我们…

【NLP自然语言处理】03 - 使用Anaconda创建新的环境/pycharm切换环境

NLP基础阶段:创建新的虚拟环境 第一步:查看有多少个虚拟环境 conda env list 第二步:创建一个新的虚拟环境,起个名字:nlpbase 打开anconda prompt终端,输入命令: conda create -n nlpbase python3.10 第三步…

基于xml配置文件的Spring事务

在项目中对事务属性通常传播属性,回滚属性,隔离级别,超时属性都取默认值,只有只读属性会如下的配置: 什么意思:Service层你的类里的方法,以get,find,select等开头的方法是…

如何进行数据中心负载测试的自动化?

数据中心负载测试的自动化是一种通过使用软件工具和脚本来模拟大量用户访问数据中心的过程,以评估其性能、稳定性和可扩展性的方法。以下是进行数据中心负载测试自动化的一些建议: 市场上有许多负载测试工具可供选择,如LoadRunner、JMeter、…

【图论】(二)图论基础与路径问题

图论基础与路径问题 图的构造邻接矩阵邻接表 所有可达路径邻接矩阵存储邻接表存储 字符串接龙有向图的完全可达性 图的构造 这里仅对图论路径问题中图的构造做整理总结归纳,具体详细相关概念请参考代码随想录上的整理总结: 图论理论基础深度优先搜索理…

C语言函数栈帧的创建与销毁(32)

文章目录 前言一、什么是函数栈帧?二、理解函数栈帧能解决什么问题?三、函数栈帧的创建和销毁解析什么是栈?认识相关寄存器和汇编指令 四、解析函数栈帧的创建和销毁预备知识函数的调用堆栈准备环境转到反汇编函数栈帧的创建函数栈帧的销毁 五…

采用反相正基准电压电路的反相运算放大器

1 简介 本设计使用采用反相正基准电压的反相放大器将 –5V 至 –1V 的输入信号转换为 3.3V 至 0.05V 的输出电压。该电路可用于将传感器负输出电压转换为可用的 ADC 输入电压范围。 2 设计目标 2.1 输入 2.2 输出 2.3 电源 3 电路设计 根据设计目标,最终设计的电…

2.1类和对象(上)

本篇博客来梳理类和对象的基础知识 一、类的定义 1.类定义格式 (1)关键字:class。类中的变量称为类的属性/成员变量,类中的函数称为类的方法/成员函数 (2)为区分成员变量,一般会加…

MES管理系统对中小企业有哪些帮助

MES管理系统解决方案对中小企业具有显著的帮助,主要体现在以下几个方面: 一、提升生产效率 MES管理系统能够实时监控生产过程,提供准确的生产数据和及时的反馈。这种实时监控与数据分析能力,使中小企业能够精准把握生产脉搏&…

如何应对动态图片大小变化?Python解决网页图片截图难题

背景介绍 随着互联网的发展,许多网站,尤其是电商平台,如京东(JD.com),为了提升用户体验,采用了许多动态内容加载技术。当我们使用爬虫获取商品图片时,往往会遇到一些棘手问题&#…

中科星图GVE(案例)——AI提取指定采样区域的建筑物范围

目录 简介 函数 gve.Image.fromGeometry(geometry,source,options) gve.Services.AI.buildingExtraction(fromGridRes) 代码 结果 ​编辑 知识星球 机器学习 简介 要提取指定采样区域的建筑物范围,可以使用遥感图像处理和计算机视觉技术。以下是一种可能的…

软考攻略/超详细/系统集成项目管理工程师/基础知识分享14

5.4 软件实现 5.4.1 软件配置管理(掌握) 软件配置管理(SCM)是一种标识、组织和控制修改的技术。软件配置管理应用于整个软件工程过程。 SCM活动的目标就是标识变更、控制变更、确保变更正确 SCM的目的是使错误降为最小&#xff0…

申报审批|基于springBoot的入校申报审批系统设计与实现(附项目源码+论文+数据库)

私信或留言即免费送开题报告和任务书(可指定任意题目) 目录 一、摘要 二、相关技术 三、系统设计 四、数据库设计 五、核心代码 六、论文参考 七、源码获取 一、摘要 传统办法管理信息首先需要花费的时间比较多,其次数据出…

数据库中间件 -- MyCat

1、什么是数据库中间件 数据库中间件(Database Middleware)是一种位于应用程序与数据库管理系统(DBMS)之间的软件层。它的主要目的是为应用程序提供更加高效、可靠和透明的数据库访问,同时解决多种数据库管理问题。 The domain name Mycat.io is for sale 1.1、常见的数…

新质生产力在制造业中的“新”主要体现在哪

新质生产力,以其独特的技术创新、模式变革和思维升级,正逐步重塑制造业的面貌,引领其走向更加智能化、绿色化和高效化的未来。 一、技术创新:驱动产业升级的核心引擎 新质生产力在制造业中的首要“新”,体现在技术创新…

Chromium 书签加载过程分析c++

一、书签存储路径: %localappdata%\Chromium\User Data\Default\Bookmarks %localappdata%\Chromium\User Data\Default\Bookmarks.bak 【备份文件】 本机测试存储的Bookmarks文件如下(未加密的可以直接打开): {"checksum": &q…

Allegro平台正式进军匈牙利市场,Allegro怎么快速上架产品?

近日,波兰电商平台Allegro正式宣布进军匈牙利市场,此举标志着Allegro在中东欧地区的扩张步伐再次加速。作为一家在波兰本土享有盛誉的电商平台,Allegro此举无疑为匈牙利乃至整个中欧地区的电商市场注入了新的活力。 Allegro此次进军匈牙利市…

比较三组迭代次数的变化

(A,B)---6*30*2---(0,1)(1,0) 让A是结构5,让B全是0。收敛误差为7e-4,收敛199次取迭代次数平均值,得到迭代次数为129535.3 (A,B)---6*30*2(5)---(0,1)(1,0) 然后让A分别是0,1,2,3&a…

服装生产管理:SpringBoot技术实现

1 绪论 1.1 研究背景 当今时代是飞速发展的信息时代。在各行各业中离不开信息处理,这正是计算机被广泛应用于信息管理系统的环境。计算机的最大好处在于利用它能够进行信息管理。使用计算机进行信息控制,不仅提高了工作效率,而且大大的提高…