HTML网页设计：五、行内元素和块元素

行内元素和块元素

HTML系列文章目录

1. HTML网页设计：一、HTML的基本结构
2. HTML网页设计：二、网页的基本标签
3. HTML网页设计：三、图像标签之＜img＞标签
4. HTML网页设计：四、超链接
5. HTML网页设计：五、行内元素和块元素
6. HTML网页设计：六、列表
7. HTML网页设计：七、表格
8. HTML网页设计：八、媒体元素
9. HTML网页设计：九、网页的简单布局
10. HTML网页设计：十、iframe内联框架
11. HTML网页设计：十一、表单

1.行内元素

       行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度，高度以及对齐等属性。
       常见的行内元素包括<a>,<strong>,<b>,<em>,<del>,<span>等。

行内元素的特点：

1. 和其他元素都在一行
2. 高度、宽度以及内边距都是不可控的
3. 宽高就是内容的高度，不可以改变
4. 行内元素只能行内元素，不能包含块级元素块元素

2.块级元素

       每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。
       常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等。

块级元素的特点：

1. 总是从新的一行开始
2. 高度、宽度都是可控的
3. 宽度没有设置时，默认为100%
4. 块级元素中可以包含块级元素和行内元素