借鉴于:https://www.cnblogs.com/yxm440/p/7667539.html

 

块级元素:
大多数为结构性标记:
“`
<address>…</adderss>

<center>…</center> 地址文字

<h1>…</h1> 标题一级

<h2>…</h2> 标题二级

<h3>…</h3> 标题三级

<h4>…</h4> 标题四级

<h5>…</h5> 标题五级

<h6>…</h6> 标题六级

<hr> 水平分割线

<p>…</p> 段落

<pre>…</pre> 预格式化 ,用于保留计算机源码.

<blockquote>…</blockquote> 段落缩进 前后5个字符

<marquee>…</marquee> 滚动文本

<ul>…</ul> 无序列表

<ol>…</ol> 有序列表

<dl>…</dl> 定义列表

<table>…</table> 表格

<form>…</form> 表单

<div>…</div>
“`
行内元素大多是为在行内解释：
“`
<span>…</span>

<a>…</a> 链接

<br> 换行

<b>…</b> 加粗

<strong>…</strong> 加粗

<img > 图片

<sup>…</sup> 上标

<sub>…</sub> 下标

<i>…</i> 斜体

<em>…</em> 斜体

<del>…</del> 删除线

<u>…</u> 下划线

<input>…</input> 文本框

<textarea>…</textarea> 多行文本

<select>…</select> 下拉列表

“`
块级元素的特点:
1.总是从新的一行开始

2.高度、宽度都是可控的

3.宽度没有设置时，默认为100%

4.块级元素中可以包含块级元素和行内元素

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

 

版权声明：本文为yingbinliu原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/yingbinliu/p/9101200.html