html中哪些是行内元素,html行内元素有哪些

html行内元素有：a、b、u、span、img、input、strong、select、sub、sup、label、em、button、textarea、tt、var、samp、br、cite、code、font、strike等等。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值。

display属性为inline的元素为行内元素，英文：inline element，其中文叫法有多种，如：内联元素、内嵌元素、行内元素、直进式元素等。

行内元素一般是内容的容器，没有自己的独立空间，它是依附于其他块级元素存在的。一般情况下，行内元素只能包含内容或者其它行内元素，宽度和长度依据内容而定，不可以设置，可以和其它元素和平共处于一行。行内元素适合显示具体内容。

特点：

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

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

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

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

HTML行内元素：a - 锚点；

abbr - 缩写；

acronym - 首字；

b - 粗体(不推荐)；

bdo - 覆盖默认的文本方向；

big - 大字体；

br - 换行；

button - 按钮

cite - 引用；

code - 计算机代码(在引用源码的时候需要)；

dfn - 定义字段；

del - 删除线

em - 强调；

font - 字体设定(不推荐)；

i - 斜体；

img - 图片；

input - 输入框；

kbd - 定义键盘文本；

label - 表格标签；

q - 短引用；

s - 中划线(不推荐)；

samp - 定义范例计算机代码；

select - 项目选择；

small - 小字体文本；

span - 常用内联容器，定义文本内区块；

strike - 中划线；

strong - 粗体强调；

sub - 下标；

sup - 上标；

textarea - 多行文本输入框；

tt - 电传文本；

u - 下划线；

var - 定义变量。

更多编程相关知识，请访问：编程视频！！

html中哪些是行内元素,html行内元素有哪些相关推荐

html块中的内容垂直居中,css如何设置行内元素与块级元素的内容垂直居中
首先我们先了解一下行内元素和块级元素行内元素(内联元素):没有自己的独立空间,它是依附于其他块级元素存在的,空间大小依附于内容多少.行内元素没有度.宽度.内外边距等属性. 块级元素:占据独立的空间, ...
html中的行内标签吗,HTML标签中行内元素和块级元素详解
本文主要和大家详细介绍了HTML常用的标签中行内元素和块级元素,需要的朋友参考下吧,希望能帮助到大家. 块元素(block element) HTML标签分类明细 * address - 地址 * b ...
CSS中的块级元素、行内元素和行内块元素
元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫"盒子".但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的.比如:div 与s ...
前端开发 html第二课自结束标签注释标签中的属性文档声明进制字符编码文档使用 VScode 实体 meta标签语义化标签块元素和行内元素布局标签
1 自结束标签标签一般成对出现,但是也存在一些自结束标签如: 多"/"和没有"/"区别不大 2 注释注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...
在html中列表是块元素还是,HTML基础知识4-列表及表单的写法、块级元素和内联（行内）元素的区别...
一.有序列表.无序列表.自定义列表如何使用?写个简单的例子.三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套? 1.简单例子如下: Document div.div1 { backgr ...
CSS中块级元素，行内块元素，行内元素的特点
CSS自学笔记目录一.什么是元素显示模式二.CSS的元素显示模式 1.块元素 2.行内元素 3.行内块元素前言网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我 ...
Html 中的块级元素和行内元素（内联元素）
先从字面意思找,块级元素可以看做讲台,自己独占一排,常见标签:<h1>, <p>, <ul>, <table>:行内元素(内联元素)可以看做学生的课桌, ...
html中内联元素排列对齐原理,html标签中的内联元素（行内元素）详解
html内联元素,也叫行内元素,相邻的多个内联元素是水平横向排列显示在同一行,其宽度随内容的变化而变化,在同一行显示多个内容,就可以使用内联元素来实现,这样就不需要将块级元素设置为浮动或绝对定位也能在 ...
CSS中块级元素、行内元素、行内块元素区别
1.块级元素 block 块级元素,顾名思义,该元素呈现"块"状,所以它有自己的宽度和高度,也就是可自定义width和height.除此之外,它独占一行(float除外),一般可以 ...
Web前端，CSS中关于块级元素、行内元素、行内块元素、元素显示模式转换、CSS特性继承性和层叠性、普通导航和五彩导航的制作
前言持续总结输出中,今天分享的是Web前端,CSS中关于块级元素.行内元素.行内块元素.元素显示模式转换.CSS特性继承性和层叠性 1.块级元素特点: 独占一行(一行只能显示一个) 宽度默认是父元 ...

html中哪些是行内元素,html行内元素有哪些

html中哪些是行内元素,html行内元素有哪些相关推荐

最新文章

热门文章