HTML-块元素和内联元素

块元素:每个块元素独自占一行。当出现N个块元素时,会占N行。

1 address - 地址                           2 blockquote - 块引用  


3 center - 居中对齐块                          4 dir - 目录列表


5 div - 常用块级容器,也是css layout的主要标签             6 dl - 定义列表


7 fieldset - form控制组                         8 form - 交互表单    


9 h1 - 大标题                             10 h2 - 副标题   


11 h3 - 3级标题                             12 h4 - 4级标题    


13 h5 - 5级标题                            14 h6 - 6级标题  


15 hr - 水平分隔线                            16 isindex - input prompt


17 noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容)18 menu - 菜单列表


19 noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)    20 ol - 排序表单


21 p - 段落                                22 pre - 格式化文本   


23 table - 表格                             24 ul - 非排序列表(无序列表)


 

内联元素:当出现N个内联元素时,当N个内联元素的长度相加小于一行的长度时,N个内联元素占一行。

1 a – 锚点         2 abbr – 缩写         3 acronym – 首字         4 b – 粗体(不推荐)


5 bdo – bidi override  6 big – 大字体       7 br – 换行           8 cite – 引用


9 var – 定义变量    10 dfn – 定义字段     11 em – 强调            12 font – 字体设定(不推荐)


13 i– 斜体       14 img – 图片        15 input – 输入框          16 kbd – 定义键盘文本


17 label – 表格标签    18 q – 短引用       19 s – 中划线(不推荐)       20 samp – 定义范例计算机代码


21 select – 项目选择   22 small – 小字体文本   23 span – 定义文本内区块      24 strike – 中划线  


25 strong – 粗体强调  26 sub – 下标       27 sup – 上标           28 textarea– 多行文本输入框


29 tt – 电传文本     30 u – 下划线        31 code – 计算机代码(在引用源码的时候需要)


内联元素和块元素的转换:

内联元素→块元素:(display:inline;)

块元素→内联元素:(display:block;)

参考:http://baike.baidu.com/link?url=whdcA2DeVG2xPj-VCIztG0sQxfZ1d2Bh_WFLI6eBngREteZ8m7rjoyt-ZUR9shJC_v_ZYzjeVRkUSkonCoYZ-a

时间: 2024-10-21 13:30:37

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 - 水平分隔线 ◎ is

CSS块级元素、内联元素概念

CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都变得易于理解,并且体会到CSS这套设计的合理性所在. 文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即

html的块级元素和内联元素

常用的块级元素: address , center , div , dl ,, form , h1 , h2 , h3 , h4 , h5 , h6 , menu , ol , p , table , ul , li 在HTML5的规范中,<header><nav><footer><article><section>等标签其实就是<div>,而这些新标签出现的意义是为了更好的划分整体HTML文档显示逻辑结构, 比如,在<head

CSS--基础块级元素与内联元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素.在HTML和XHTML中,块级元素不能继承自行内元素(即不能嵌套在行内元素),<p>I like <em>it</em></p>是正确的写法,但是<em>I like<p>it</p></em>是不正确的. 常用的块状元素有: <div>.<p>.<h1>...<

CSS中的块级元素、内联元素(行内元素)

Block element 块级元素    顾名思义就是以块显示的元素,高度宽度都是可以设置的.比如我们常用 的<div>.<p>.<ul>默认状态下都是属于块级元素.块级元素比较霸道,默认状态下每次都占据一整个行,后 面的内容也必须再新起一行显示.当然非块级元素也可以通过css的display:block;将其更改成块级元素.此外还有个特殊的,float也具有 此功能. Inline element 内联元素 通俗点来说就是文本的显示方式,与块级元素相反,内联元素的高

块级元素与行级元素(内联元素)

内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a". 块元素(block element)和内联元素(inline element)都是html规范中的概念.块元素和内联元素的基本差异是块元素一般都从新行开始.而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了.比如,我们完全可以把 内联元素cite加上display:block这样的属性,让他也有每次都从新行开始的属性.

html中的块元素和内联元素的区别

一.定义 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,可设置高度.宽度和边距等. 内联元素一般都是基于语义级的基本元素,它只能容纳文本或其他内联元素,主要特点是:和其他元素位于同一行上,高度.宽度和边距不可改变. 二.分类 块元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fi

html的块级元素与内联元素

css规定每个网页元素都有一个display属性,用于确定该元素的类型. 块级元素:(display:block) div.p.ul.li.ol.dl.form.address.h1-h6.table.blockquote.fieldset.memu.center等 块级元素会独占一行,其宽度自动填满父元素宽度 可以设置width.height属性,即使设置了width,仍独占一行 可以设置margin.padding的top.right.bottom.left四个方向值 内联元素:(displ

HTML之class属性、table元素、块级和内联元素

一:网页的组成部分: 1.结构:HTML 2.样式:CSS 3.行为:Javascript 二:介绍新的属性:class(类),直接用例子来解释该属性的用法: 给一个标签确定样式的三种方法(按样式表的位置区分): 1.行间样式表:在<body>内直接添加样式,如: < p class="box" style="color:blue">测试文字</p> 2.内部样式表: 1)在<body>内需要添加样式的属性处输入,如:

HTML中的块级元素和内联元素记录

html块状元素.内联元素  块级元素的分类块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素.  结构化块状元素  这类元素用于构造文档的结构,一个好的文档结构对于搜索引擎和应用其他技术(如JavaScript)都是十分有利的.它们没有语义上的含义仅仅划分出了文档的组织方式,并没有体现文档的内容.  主要的结构化块状元素     * <ol>     * <ul>      * <dl>     * <table>  支