讲师：瑞德威(赵老师)

html标记语言 视频教程

第十二课 块级元素和行内元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。常用的html元素可分为：块级元素、行内元素、可变元素。

1、块级元素：block element

A、什么是块级元素？

每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素；

B、常见的块级元素有哪些？

　　* div - 常用块级元素，也是css layout的主要标签  
　　* dl - 定义列表 * ol - 排序表单 * ul - 非排序列表
　　* h1 - 大标题 * h2 - 副标题　* h3 - 3级标题 * h4 - 4级标题　* h5 - 5级标题 * h6 - 6级标题 　　* hr - 水平分隔线  
    * menu - 菜单列表   　　
    * p - 段落
　　* table - 表格

2、行内元素：inline element

A、什么是行内元素？

也叫内联元素、内嵌元素等；行内元素一般都是基于语义级(semantic)的基本元素，只能容纳文本或其他内联元素，常见内联元素 “a”。

B、常见的行内元素有哪些？
　　* a - 锚点　* b - 粗体(不推荐)   * br - 换行  * strong - 粗体强调
　　* em - 强调  * i - 斜体      * u - 下划线  
　　* input - 输入框   * label - 表格标签   * select - 项目选择  
     * span - 常用内联容器，定义文本内区块 
　　* sub - 下标   　* sup - 上标 
     * img - 图片
　　* textarea - 多行文本输入框 

3、可变元素

A、什么是可变元素？

可变元素：根据上下文语境决定该元素为块元素或者行内元素。

CSS存在display:inline-block—行内块级元素属性，介于块级元素与行内元素之间。
若使用css控制，块元素和行内元素的属性差异会变小。例如：我们可以把行内元素span添加display:block属性,将该元素块级化。

B、常见可变元素？

　　* button - 按钮  
　　* del - 删除文本  
　　* iframe - inline frame  
　　* ins - 插入的文本  
　　* map - 图片区块(map) 
　　* object - object对象