在HTML中,内联元素是指display属性为inline的元素;内联元素也叫行内元素,在网页中总是随着文字流出现在“行内”,这些元素不会在它本身之前或之后生成“分隔符”,所以可以出现在另一个元素的内容中,而不会破坏其显示。

(推荐教程:html教程)

根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,而display属性为inline的元素就是行内元素。

内联元素(inline element)也叫内嵌元素或行内元素,一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。

内联元素一般是内容的容器,一般情况下,内联元素只能包含内容或者其它内联元素,宽度和长度依据内容而定,不可以设置,可以和其它元素和平共处于一行。内联元素适合显示具体内容。

特点:

1、和其他元素都在一行上;

2、高度、行高和顶以及底边距都不可改变;

3、宽度就是它的文字或图片的宽度,不可改变。

常用的内联(行内)元素:

* 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 - 定义变量

更多编程相关知识,请访问:编程入门!!

怎么区分html外联内联,HTML中什么是内联元素?相关推荐

  1. java内联_JAVA中的内联函数

    在说内联函数之前,先说说函数的调用过程. 调用某个函数实际上将程序执行顺序转移到该函数所存放在内存中某个地址,将函数的程序内容执行完后,再返回到 转去执行该函数前的地方.这种转移操作要求在转去前要保护 ...

  2. Vue中使用使用内联样式

    Vue中使用使用内联样式 Vue中使用内联方式的3中方式 1.直接在元素上通过:style的形式,书写样式对象 2.将样式对象定义到data中,再引用 3.使用数组,引用多个data上的样式对象 Vu ...

  3. java内联函数,JVM中的步骤内联

    JVM中的方法内联 在C++中,可以明确定义内联函数,使用inline关键字.在Java中不能定义内联函数,但是方法的内联在JIT编译中还是存在的,只不过是JIT自动优化的,我们无法在写代码的时候指定 ...

  4. html块级元素转换内联,HTML中的块级元素和内联元素

    1.特性 块级元素(block level element) 总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示 宽度(width).高度(height).内边距(padding)和外 ...

  5. html 内联元素转换,HTML中什么是内联元素?

    在HTML中,内联元素是指display属性为inline的元素:内联元素也叫行内元素,在网页中总是随着文字流出现在"行内",这些元素不会在它本身之前或之后生成"分隔符& ...

  6. css的内联是什么,css中什么是内联元素

    css中的内联元素也称为行内元素:内联元素包括布局中常用的标签如a.span.em.b.strong.i等:内联元素和它的兄弟元素之间一个挨着一个,并且都在同一行按从左至右的顺序显示,不单独占一行. ...

  7. 在html中怎么设置内联标签,HTML中内联元素有哪些

    内联元素有:a.acronym.b.br.cite.code.dfn.em.font.i.img.input.kbd.label.s.samp.small.span.strong.sub.sup.te ...

  8. html5块元素代码,html5 区块与内联div 与span html块级元素(示例代码)

    HTML 和 可以通过 和 将 HTML 元素组合起来. HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素. 编者注:"块级元素"译为 block level e ...

  9. html中的行内标签吗,HTML标签中行内元素和块级元素详解

    本文主要和大家详细介绍了HTML常用的标签中行内元素和块级元素,需要的朋友参考下吧,希望能帮助到大家. 块元素(block element) HTML标签分类明细 * address - 地址 * b ...

最新文章

  1. [Java开发之路](21)Comparator与Comparable
  2. java shiro原理_Springboot shiro认证授权实现原理及实例
  3. SDUT_2121数据结构实验之链表六:有序链表的建立 (对建立的单项链表结构进行排序)
  4. html登录界面_php实现登录功能
  5. Ansible:Ansibl项目生产环境快速布局
  6. pom文件报错_maven-resources-plugin修改了我的文件
  7. cs106a编程方法学作业解答(3)
  8. leetcode597. 好友申请 I :总体通过率(SQL)
  9. STM32之DAC原理
  10. GprMax 3.1.5 建模的in文件编写详解(1)
  11. win7变成xp风格了怎么改回_让电脑提速的几种方法(老电脑太卡怎么提速)
  12. C Runtime Library来历, API, MFC, ATL关系
  13. 竞赛程序设计知识要点图谱
  14. 《JavaScript征途》广泛征集读后感创作者,参与有奖!
  15. 浙江工商大学计算机学硕和专硕,谈谈一战浙工商会计专硕考研失败教训
  16. dreamweaver网页设计作业制作 学生个人网页单页 WEB静态网页作业模板 大学生个人主页博客网页代码 dw个人网页作业成品
  17. 服务器SQL上的MSDTC不可用解决办法
  18. SketchUp + Ruby 二次开发初识
  19. 怎么批量调整图片大小
  20. 主流前端框架实现原理

热门文章

  1. c#add expander panel
  2. C++ 动态链接库和静态链接库
  3. 日更第13天:Linux常用命令之cat用法
  4. 建立自己的dns服务器的用途
  5. Occlusion-Aware Cost Constructor for Light Field Depth Estimation论文阅读
  6. mac 设置ll命令始终生效
  7. [转贴]天下无贼经典台词IT版
  8. 计算机应用技能知识竞赛,计算机应用技能大赛练习题1
  9. JavaScript函数之箭头函数
  10. 小米在国内市场击败OPPO和vivo已是大概率事件