html入门2_列表和表格

1.列表

1.1无序列表 ul > li

属性：
type = circle :空心圆
type = disc : 实心圆
type = square : 方块

专有样式：
list-style: none;  //没有前面的小标识
padding-left: 0px;  //设置与左边框的距离，默认为40px
list-style-image:url(); // 设置前面标识为小图标

默认 ul 上下有 1em 边距， 左填充40px

1.2 有序列表（同1.1）

##1.3 自定义列表

例：
	<dl>
		<dt>魏国</dt>
			<dd>张辽</dd>
			<dd>夏侯淳</dd>
		<dt>吴国</dt>
			<dd>周瑜</dd>
			<dd>吕蒙</dd>
	</dl>

–补css：

浮动：块级标签横向显示问题（重点）
float: left/right; 左浮动和右浮动
clear:left/right/both; 浮动之后一定要清楚浮动。
清除浮动标签，可以在浮动标签后，也可以包含浮动标签。（“包含”尝试失败）

2.a标签：超链接和锚点

2.1 超链接用法

href:点击链接之后去哪（相对路径，绝对路径）
target:
	_self(默认)当前tab页跳转
	_blank:新启一个tab跳转
	_parent:在父框架发生跳转
	_top:在最外的父框架发生跳转
	某个框架的name：name匹配的框架发生跳转

a标签内容可以是文字，图片，div…都可点击

2.2 锚点用法：

地址栏中的请求（“#”+“某个id”），就直接滚动到标签位置

3.marquee：自带滚动

4.table表格

生词：

table 表格	border：边框  Cell：单元格  Row：行  column：列
Rowspan：跨行，行合并		Colspan：跨列，列合并
Cellspacing：单元格间距	Cellpadding：单元格边距	

格式：

table >tr>td,th
tr:行
td:单元格
th:表头单元格：(默认)font-weifht:bold,text-align:center

table属性:

border:设置边框粗细
width/height：宽高
cellpadding:单元格内边距	（一般为0）
cellspacing:单元格与单元格之间的距离（一般为0）
align:center;  （特殊！）在table中属于表格相对于body居中

style样式：

border-collapse:collapse;边框的两条线合并成一条线
text-align:center; (即单元格内文字在单元格中居中)

补充标签：

caption标签:table的题目
col标签：用于设置列宽
thead/tbody:表格的头部分和主体部分 ，只是方便标记，没有实际作用

tr和td属性：

align:left/center/right; 文字水平位置
valign:top/middle/bottom; 文字垂直位置

合并:

rowspan和colspan:合并行，合并列:左上原则