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) |
实体
显示结果 | 描述 | 实体名称 |
---|---|---|
空格 | | |
< | 小于号 | < |
> | 大于号 | > |
& | 和号 | & |
" | 引号 | " |
’ | 撇号 | ' (IE不支持) |
¢ | 分 | ¢ |
£ | 镑 | £ |
¥ | 人民币/日元 | ¥ |
€ | 欧元 | € |
§ | 小节 | § |
© | 版权 | © |
® | 注册商标 | ® |
™ | 商标 | ™ |
× | 乘号 | × |
÷ | 除号 | ÷ |
注意:虽然 html 不区分大小写,但实体字符对大小写敏感。