常见行内元素和块级元素以及他们的区别

行内元素

<span></span>

<a></a>   链接

<img>    图片其实更像一个行内块元素

<input></input>    输入框

<textarea></textarea>    多行文本

<select></select>    下拉列表

<br>    换行

<b></b>   加粗   为了加粗而加粗

<strong></strong>   加粗   为了强调内容重要性而加粗   方便爬虫爬取

 上角标

 下角标

<i></i>  斜体

<em></em>  斜体    也是强调内容重要性   方便爬虫爬取

<del></del> 删除线

<u><u/>  下划线

 

块级元素

<div></div>  

<table></table>  表格

<form></form>   表单

<ul></ul>  无序列表

<ol></ol>  有序列表

<dl></dl>  定义列表

<address></address>  

<center></center>  地址文字

<h1></h1>   标题

<hr> 水平分割线

<p></p>   段落

行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高（line-height），同时在设置外边距margin上下无效，左右有效，内填充padding上下无效，左右有效；

块级元素独占一行可以包含行内元素，可以设置宽高，内外边距可以随意控制