HTML块级元素和行内元素

HTML中的行内元素和块级元素

1. 行内元素：行内大多为描述性标记

      <a></a>                                 超链接
     <input>                                 输入框
     <img>                                    图片
     <b>                                        加粗
     <span></span>                         
     <strong></strong>                 强调
     <i></i>                                  斜体
     <em></em>                        斜体
     <del></del>                        删除

2.块级元素

   <div></div>
   <ul></ul>        无序列表
   <ol></ol>         有序列表
   <table></table>   表格
   <td></td>   行
   <tr></tr>   列
   <th></th>   表头
   <h1></h1>    ------- <h6></h6> 标题
   <p></p>    段落

3.行内元素和块级元素的区别
块级元素独占一行
行内元素不独占一行，而是从左到右依次排列，且块级元素不能设置宽高，只能根据文字来设置，比较特殊的是img\input是可以设置宽高
4. 设置元素的display属性可以改变元素的属性
display: block; 将元素设置为块级元素
display: inline; 将属性设置为行内元素
display: inline-block; 将属性设置为行内块元素，即元素可以在一行显示，并且可以设置元素的宽高。