html总结之列表/区块/实体/符号

HTMl 列表

标签	描述
<ol>	有序列表
<ul>	无序列表
<li>	列表项
<dl>	自定义列表
<dt>	自定义列表项目
<dd>	自定义列表项的描述

ul 无序列表type属性

disc（实心圆点，默认值）
circle（空心圆圈）
square（实心方块）
none（无样式）

ol 有序列表type属性

1 数字列表，默认值
A 大写字母
a 小写字母
Ⅰ大写罗马
ⅰ小写罗马

属性：

border: 表格边框.
cellpadding: 内边距
cellspacing: 外边距.
width: 像素 百分比.（最好通过css来设置长宽）
rowspan: 单元格竖跨多少行
colspan: 单元格横跨多少列（即合并单元格）

有序列表：

无序列表：

自定义列表：

区块

块级元素

通常都是独占一行，可以设置宽高
<h1>-<h6> <hr> <p> <ul> <table> <div> <ol> <li> <dl> 等

行内元素

通常都根据内容的大小来决定的
<a> <span> <img> <i> <b> 等

两者的区别

区块	内联
独占一行	内容多大占多大，相邻行内元素紧跟其后，直到一行占满，则换行
可设置宽高	不能设置宽高
可设置外边距内边距	只能设置外边距左右距离，以及内边距左右距离，其他无效
display: block	display: inline

注意：

<input>和<img>都是行内元素，但是它们是可以设置宽和高的
通常块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素
p标签不能包含块级标签，p标签也不能包含p标签。

两者转换：

1.块级转行级
给块级元素添加属性display：inline；（display 显示，inline 行）

2.行级转块级
给行级元素添加属性display：block；(block 块）

3.行级块元素
给需要的元素添加属性display：inline-block；

分组标签：

标签	说明
<div>	用来布局，块级 (block-level)
<span>	用来组合文档中的行内元素， 行内元素(inline)

实体

显示结果	描述	实体名称
	空格	 
<	小于号	&lt;
>	大于号	&gt;
&	和号	&amp;
"	引号	&quot;
’	撇号	&apos; (IE不支持)
￠	分	&cent;
£	镑	&pound;
¥	人民币/日元	&yen;
€	欧元	&euro;
§	小节	&sect;
©	版权	&copy;
®	注册商标	&reg;
™	商标	&trade;
×	乘号	&times;
÷	除号	&divide;

注意：虽然 html 不区分大小写，但实体字符对大小写敏感。