`
mikom_l
  • 浏览: 15348 次
  • 性别: Icon_minigender_1
  • 来自: 福州
最近访客 更多访客>>
社区版块
存档分类
最新评论

HTML中的块元素(block)、内联元素(inline)的总结

    博客分类:
  • Html
阅读更多

块元素(block element)

  ◎ address - 地址
  ◎ blockquote - 块引用
  ◎ center - 举中对齐块
  ◎ dir - 目录列表
  ◎ div - 常用块级容易,也是css layout的主要标签
  ◎ dl - 定义列表
  ◎ fieldset - form控制组
  ◎ form - 交互表单
  ◎ h1 - 大标题
  ◎ h2 - 副标题
  ◎ h3 - 3级标题
  ◎ h4 - 4级标题
  ◎ h5 - 5级标题
  ◎ h6 - 6级标题
  ◎ hr - 水平分隔线
  ◎ isindex - input prompt
  ◎ menu - 菜单列表
  ◎ noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容
  ◎ noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
  ◎ ol - 排序表单
  ◎ p - 段落
  ◎ pre - 格式化文本
  ◎ table - 表格
  ◎ ul - 非排序列表

内联元素(inline element)

  ◎ a - 锚点◎ abbr - 缩写
  ◎ acronym - 首字
  ◎ b - 粗体(不推荐)
  ◎ bdo - bidi override
  ◎ big - 大字体
  ◎ br - 换行
  ◎ cite - 引用
  ◎ code - 计算机代码(在引用源码的时候需要)
  ◎ dfn - 定义字段
  ◎ em - 强调
  ◎ font - 字体设定(不推荐)
  ◎ i - 斜体
  ◎ img - 图片
  ◎ input - 输入框
  ◎ kbd - 定义键盘文本
  ◎ label - 表格标签
  ◎ q - 短引用
  ◎ s - 中划线(不推荐)
  ◎ samp - 定义范例计算机代码
  ◎ select - 项目选择
  ◎ small - 小字体文本
  ◎ span - 常用内联容器,定义文本内区块
  ◎ strike - 中划线
  ◎ strong - 粗体强调
  ◎ sub - 下标
  ◎ sup - 上标
  ◎ textarea - 多行文本输入框
  ◎ tt - 电传文本
  ◎ u - 下划线
  ◎ var - 定义变量


可变元素

  可变元素为根据上下文语境决定该元素为块元素或者内联元素。
  ◎ applet - java applet
  ◎ button - 按钮
  ◎ del - 删除文本
  ◎ iframe - inline frame
  ◎ ins - 插入的文本
  ◎ map - 图片区块(map)
  ◎ object - object对象
  ◎ script - 客户端脚本

分享到:
评论

相关推荐

    什么是块元素block和内联元素inline

    在HTML中,元素根据其默认显示方式被分为两大类:块元素(block elements)和内联元素(inline elements)。了解这两种元素的区别对于网页布局和样式设计至关重要。 #### 块元素(Block Elements) 块元素是一种在...

    css块状元素与内联元素以及inline-block

    例如,我们可以把内联元素加上 display:block 属性,让它也有每次都从新行开始的属性,即成为块元素。同样,我们可以把块元素加上 display:inline 属性,让它也在一行上排列。 五、重点中的重重点 在 HTML 中,P ...

    CSS文档流与块级元素(block)内联元素(inline)那点事

    CSS文档流与块级元素(block)内联元素(inline)那点事

    浅谈CSS块级元素与行内元素(内联元素)的区别和联系

    在css盒子模型中,我们提到了html元素中的块元素(block element)和内联元素(inline element)。那么它们究竟是什么呢? 其实,这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...

    HTML+CSS中完全的行内元素(inline element)和块元素(block element)

    ### HTML+CSS中完全的行内元素(inline element)和块元素(block element) 在HTML与CSS中,元素被分为两大类:行内元素(inline element)和块元素(block element)。这两种类型的元素有着不同的显示特性和布局...

    详解CSS 去掉inline-block元素间隙的几种方法

    inline-block 即内联块,在CSS的元素分类中可以分成三种:行内元素或者内联元素、块级元素、以及内联块元素。 内联块元素具有了内联元素以及块级元素的特性:(1)元素之间可以水平排列 (2)可以当做一个块级元素来...

    《网友设计与开发》中块元素与行内元素详解

    在 HTML 中,元素可以分为两大类:块元素(block element)和行内元素(inline element)。块元素是指占据一整行空间的元素,而行内元素是指只占据所需空间的元素。下面我们将对块元素和行内元素进行详细的介绍。 ...

    display属性介绍和使用

    块元素(Block Element)占据整行,通常带有换行符,而内联元素(Inline Element)则不会换行。Display 属性还影响子元素的布局,例如流式布局、网格布局或弹性布局。 Display 属性的值 Display 属性的值有多种,...

    css3块元素居中

    在CSS3中,实现块元素的居中是一个常见的布局需求,尤其当涉及到页面设计与响应式布局时。根据所提供的文件信息,我们可以详细探讨几种在不同场景下实现块元素居中的方法,以及理解其中的原理。 ### 1. 内联元素...

    HTML5&CSS3网页制作:元素的类型.pptx

    通常,HTML元素可以被归类为三种主要类型:块状元素(Block)、内联元素(Inline)以及内联块状元素(Inline-block)。 1. 块状元素: 块状元素如`<p>`、`<div>`、`<h1>`至`<h6>`、`<ol>`、`<ul>`等,它们的特点是...

    html中的行内元素和块级元素有哪些.pdf

    可以将行内元素转换为行内块元素。 此外,设置 float 属性也可以使行内元素转换为块级元素,并拥有浮动特性。设置 position 属性也可以使行内元素转换为块级元素,但这只是副作用,它们的主要作用是干扰布局效果。...

    关于css display: inline block inline-block的区别分析

    - 在IE中,对内联元素设置 `display: inline-block` 会触发 layout,但对块元素设置则无效。要使块元素在IE下实现`inline-block`的效果,可以通过两种方法: - 先设置 `display: inline-block` 触发layout,再定义...

    Exercise-HTML-Block-and-Inline-Elements

    通过这个练习,你将能够更好地掌握HTML中的块级元素和内联元素,理解它们在网页设计中的作用,从而提升你的HTML编码技能。记得,实践是最好的老师,动手操作并不断尝试,才能真正领悟HTML的精髓。

    CSS文档流与块级元素,css

    在CSS布局中,**文档流**是一个核心概念,它指的是HTML文档中元素的自然流动方式。想象一下,网页就像一条河流,其中的元素就像河中的船只,顺流而下,依次排列。在文档流中,元素按照其在HTML源代码中的先后顺序,...

    网页中不同元素类型之间可以相互转换吗?.docx

    3. `display: inline-block`:这是非常实用的一个属性值,它将元素表现为行内块元素。这意味着元素可以设置宽度、高度和内边距,同时不会强制换行,与其他内联元素可以并排显示。这对于需要在一行内排列有固定尺寸的...

    html 内联元素和html 块级元素概述及区别

    HTML中的元素可以分为两大类:内联元素(Inline Elements)和块级元素(Block Elements),它们在网页布局中扮演着不同的角色,具有不同的特性和用途。 **块级元素(Block Elements)** 块级元素通常占据整个宽度,...

    网页中不同元素类型之间可以相互转换吗?.pdf

    在提供的示例代码中,我们看到`.d_one`和`.d_two`的`<div>`元素被转换为内联元素,它们并排显示,而`.s_one`的`<span>`元素被转换为行内块元素,设置了固定宽高但不独占一行,`.s_three`则被转换为块级元素,独占一...

    「资深前端工程师总结」前端面试知识点大全 —CSS 篇

    inline-block 表示元素将显示为行内块元素,既是内联元素,又可以设置 width 和 height。 display:none 和 visibility:hidden 的区别 display:none 和 visibility:hidden 都可以使元素不可见,但是它们的作用是...

Global site tag (gtag.js) - Google Analytics