HTML元素中块级元素、行内元素以及行内块元素整理

块级元素

h1-h6>>1-6级标题 
p>>段落 
div>>定义文档中的节 
ul>>定义无序列表 
ol>>定义有序列表 
li>>定义无序列表与有序列表中的项 
hr>>水平线 
address>>定义文档作者或拥有者的联系信息 
blockquote>>定义长的引用 
pre>>定义预格式文本 
form>>定义表单 
fieldset>>定义围绕表单中元素的边框 
legend>>定义 fieldset 元素的标题 
figure>>定义媒介内容的分组,以及它们的标题。 
figcaption>>定义 figure 元素的标题 
audio>>定义声音内容 
video>>定义视频 
nav>>定义导航链接 
dl>>定义定义列表 
dt>>定义定义列表中的项目 
dd>>定义定义列表中项目的描述 
menu>>定义命令的菜单/列表 
table>>定义表格 
caption>>定义表格标题 
tbody>>定义表格主体 
thead>>定义表格头部 
tfoot>>定义表格中的表注内容(脚注) 
tr>>定义表格中的行 
th>>定义表格中的表头单元格 
colgroup>>定义表格中供格式化的列组 
col>>定义表格中一个或多个列的属性值。【在colgroup中使用 】 
header>>定义 section 或 page 的页眉 
footer>>定义 section 或 page 的页脚 
section>>定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分 
article>>定义文章 
aside>>定义页面内容之外的内容。【可用作文章的侧栏。】 
datails>>定义元素的细节。【用于描述有关文档或文档片段的详细信息。】 
summary>>为 details 元素定义可见的标题。

行内元素

br>>定义换行 
a>>定义超链接 
i>>定义文字倾斜 
b>>定义文字加粗 
em>>定义文字倾斜,语义更加强调 
abbr>>定义缩写 
bdi>> 定义文本的文本方向,使其脱离其周围文本的方向设置 
bdo>>定义文字方向 
cite>>定义引用 
code>>定义计算机代码文本 
dfn>>定义定义项目 
ins>>定义被插入文本 
kbd>>定义键盘文本 
Mark>>定义有记号的文本 
q>>定义短的引用 
rp>>定义若浏览器不支持 ruby 元素显示的内容 
rt>>定义 ruby 注释的解释 
ruby>>定义 ruby 注释 
samp>>定义计算机代码样本 
small>>定义小号文本 
strong>>定义语气更为强烈的强调文本,文字加粗 
sup>>定义上标文本 
sub>>定义下标文本 
time>>定义日期/时间 
var>>定义文本的变量部分 
wbr>>定义可能的换行符 
label>>定义 input 元素的标注 
datalist>>定义下拉列表 
Keygen>>定义生成密钥。 
output>>定义输出的一些类型。【如脚本输出】 
map>>定义图像映射 
area>>定义图像地图内部的区域 
source>>定义媒介源 
track>>定义用在媒体播放器中的文本轨道 
link>>定义文档与外部资源的关系 
command>>定义命令按钮 
style>>定义文档的样式信息 
span>>定义文档中的节 
base>>定义页面中所有链接的默认地址或默认目标

行内块级元素

img>>定义图像 
input>>定义输入控件 
meter >>定义预定义范围内的度量 
progress>>定义任何类型的任务的进度 
textarea>>定义多行的文本输入控件 
button>>定义按钮 
select>>定义选择列表(下拉列表) 
iframe>>定义内联框架 
canvas>>定义图形 
td>>定义表格中的单元格

若归类有误,请指正,谢谢!

时间: 2024-10-12 19:29:01

HTML元素中块级元素、行内元素以及行内块元素整理的相关文章

行内元素和块级元素水平及垂直居中

首先,介绍一下行内元素和块级元素,这个很重要,因为有的属性只能用于块元素,而有的正好相反,在一定的情况下,它们也可以相互转换,比如用display来进行设置. 行内元素: ①不占据一整行,随内容而定,有以下特点: ②不可以设置宽高,也不可以设置行高,其宽度随着内容增加,高度随字体大小而改变. ③内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用. ④也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用. 常用的内联元素有: a - 锚点,b - 粗体(不推荐),

【CSS3】块级元素与行内元素的区别

一.行内元素与块级函数的三个区别 行内元素的特点: 和其他元素都在一行上: 高,行高及外边距和内边距部分可改变: 宽度只与内容有关: 行内元素只能容纳文本或者其他行内元素. 行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效 块级元素 总是在新行上开始,占据一整行: 高度,行高以及外边距和内边距都可控制: 宽带始终是与浏览器宽度一样,与内容无关: 它可以容纳行内元素和其他块元素. 二.行内元素转换为块级元素 display

网页编程技术二(块级元素和行内标签)

1.块级元素 顾明思义,块级标签在网页中显示为块:块级标签一般独占一行,新的块级标签将从新的一行开始排列,它可以容纳其他块级元素和内联元素. 常见的会计标签: 1.1标题标签:<h1></h1> ~ <h6></h6>,从1级到6级每级标题的字体依次递减 1.2水平线标签:<hr/>,添加水平分隔线,让页面更容易区分段落:该标签是单个出现,不是成对出现: 1.3段落标签:<p></p>,使用段落标签区分段落,不同的段落之间

html入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)

一.转义字符由特殊字符包裹的文本 会当做标签去解析 对应不换行空格 对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响.<对应< >对应> 二.行内元素和块级元素1.块级标签默认情况下,每一个块级元素都是独占一行的即元素的前后都会换行 都有 align 属性,例如: p标签 段落标签 h1~6标签 标题标签 hr标签   水平分割线标签 div标签 块级元素 2.行内标签 不会换行可以和其他的标签或文本在一行内显示

块级元素,内联元素和定位

块级元素:就是一个方块,像段落一样,默认占据一行出现: 内联元素:又叫行内元素,顾名思义,只能放在行内,就像一个单词,不会造成前后换行,起辅助作用. 因为存在块级元素,所以会有float:浮动元素会生成一个块级框,而不论它本身是何种元素:且要指明一个宽度,否则它会尽可能地窄:另外当可供浮动的空间小于浮动元素时,它会跑到下一行,直到拥有足够放下它的空间. position: relative; 相对定位:

总结一下各种居中(内联元素、块级元素、浮动元素、绝对定位元素)*(水平、垂直)

在平时写网页样式的时候,元素居中应该是最常见不过的了,在这里我们把常见居中的情况简单总结一下.本文讨论以下几种情况:内联元素.块级元素.浮动元素.绝对定位元素.居中的情况分两种情况:水平居中和垂直居中.刚接触到居中,我想到的是两个方向,一是使元素内部的所有元素相对于此元素居中,另一个是元素在其他元素中居中.以下的居中我们讨论的都是元素在其他元素中居中. (一)内联元素 水平居中:只需在其父元素的样式中加上text-align: center;即可. 垂直居中: 1. line-height 2.

浅谈块级元素的水平格式化细节

内边距不能为负值,而外边距可以为负(测试极限)无极限,设置为负的内边距都会默认改为0 盒子的width值并不会随着增加的padding margin而改变,它并不是可见的值,往往在内容区左右添加边距,会隐式的增加width值. 水平格式化的七个属性:margin-left.border-left.width.border-right.margin-right,这些属性的值加起来正好是包含块也就是父盒子的width,所谓元素框与父元素的width相同. width.margin-left.marg

HTML标签部分(块级/行级)

一.基本块级标签 1.HTML标签的分类: a.块级标签:显示为块状,独占一行,自动换行. b.行级标签:在一行中,从左往右依次排列,不会自动换行. 2.h标签(标题标签) h标签:标题标签,显示为黑体加粗!!! 标题标签,共分六种:h1~h6:h1最大,h6最小! <h1>这是h1标签</h1> <h2>这是h2标签</h2> <h3>这是h3标签</h3> <h4>这是h4标签</h4> <h5>

js中三种作用域详解(全局,函数,块级)

1.全局变量:声明在函数外部的变量(所有没有var直接赋值的变量都属于全局变量) 2.局部变量:声明在函数内部的变量(所有没有var直接赋值的变量都属于全局变量) JS中变量申明分显式申明和隐式申明. vari=100;//显式申明 i=100;//隐式申明 在函数中使用var关键字进行显式申明的变量是做为局部变量,而没有用var关键字,使用直接赋值方式声明的是全局变量. 当我们使用访问一个没有声明的变量时,JS会报错.而当我们给一个没有声明的变量赋值时,JS不会报错,相反它会认为我们是要隐式申

常规流之块级格式化上下文(Block Formating Context)

在css2.1中,常规流包括块框(block boxes)的块格式化(block formatting),行内框(inline boxes)的行内格式化(inline formatting),块级框(block-level-boxes)或行内级框(inline-level-boxes)的相对定位.常规流中的框属于一个格式化上下文,可能是块或者是行内,但不能同时都是.块级框参与块级格式化上下文,行内级框参与行内级格式化上下文.今天我们先来说说块级格式化上下文,也就是我们常说的BFC. 一.形成块级