行内元素和块元素
HTML系列文章目录
- HTML网页设计:一、HTML的基本结构
- HTML网页设计:二、网页的基本标签
- HTML网页设计:三、图像标签之<img>标签
- HTML网页设计:四、超链接
- HTML网页设计:五、行内元素和块元素
- HTML网页设计:六、列表
- HTML网页设计:七、表格
- HTML网页设计:八、媒体元素
- HTML网页设计:九、网页的简单布局
- HTML网页设计:十、iframe内联框架
- HTML网页设计:十一、表单
1.行内元素
行内元素(内联元素):不占有独立的区域,仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度,高度以及对齐等属性。
常见的行内元素包括<a>,<strong>,<b>,<em>,<del>,<span>等。
行内元素的特点:
- 和其他元素都在一行
- 高度、宽度以及内边距都是不可控的
- 宽高就是内容的高度,不可以改变
- 行内元素只能行内元素,不能包含块级元素块元素
2.块级元素
每个块级元素通常都会独占一行或者是多行,可以对其单独设置高度,宽度以及对齐等属性。
常见的块级元素有:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等。
块级元素的特点:
- 总是从新的一行开始
- 高度、宽度都是可控的
- 宽度没有设置时,默认为100%
- 块级元素中可以包含块级元素和行内元素