02-列表，表格与框架

html02

• 列表
  • 无序列表
    • type
  • 有序列表
    • type
  • 定义列表
• 表格
  • tr ，td
  • colspan（跨列） ，rowspan（跨行）
  • cellpadding（单元格内边距） ，cellspacing（单元格外边距）
  • border （边框）
  • 对齐方式
• 框架
  • frameset
  • frame
  • iframe

（列表）

<ul>
	<li>这是一个无序列表</li>
	<li>这是一个无序列表</li>
	<li>这是一个无序列表</li>
</ul>
<ol>
	<li>这是一个有序列表</li>
	<li>这是一个有序列表</li>
	<li>这是一个有序列表</li>
</ol>
<dl>
	<dt>列表项一</dt>
	<dd>列表内容一</dd>
	<dt>列表项二</dt>
	<dd>列表内容二</dd>
</dl>

名称	说明	项目符号
无序	ul声明无序列表，li声明列表项	通过type属性设置项目符号disc（默认）、square和circle
有序	ol声明有序列表，li声明列表项	通过type属性设置项目顺序1(数字，默认)、A（大写字母）、a（小写字母）、I（大写罗马数字）和i（小写罗马数字）
定义	dl声明定义列表，dt声明列表项，dd声明定义列表内容	无项目符号和显示顺序

（表格）

<table border='2' height='400' width='600'> 
		<tr>
			<td>第一行的第一个单元格</td>
			<td>第一行的第二个单元格</td>
			<td rowspan='2'>第一行的第三个单元格（但是我跨了俩列）</td>
		</tr>
		<tr>
			<td colspan='2'>第二行的第一个单元格(但是我跨了俩列)</td>
		</tr>
</table>

表格的属性

属性名称	值类型	备注
cellpadding	number	单元格内边距的像素
cellspacing	number	单元格外边距的像素
height	number	表格高度的像素
width	number	表格宽度的像素
border	number	表格边框的像素

单元格的属性

属性名称	值类型	备注
colspan	number	跨列的数目
rowspan	number	跨行的数目
align	string	水平对齐 left(default)，center，right
valign	string	垂直对齐 top，middle，bottom，baseline

PS：valign的baseline 只需要把其中一个单元格的字体变大就能看出效果

（框架）
一个网页被我分割成了三列二行

<frameset cols="25%,50%,*"  rows ="50%,*" border="5"> //cols：分割的列， rows：分割的行 ，border每个页面的边框
		<frame src="1.html ">  //src ：第一个页面的地址
		<frame src="2.html ">
		<frame src="3.html ">
		<frame src="4.html ">
		<frame src="5.html ">
		<frame src="6.html ">
	</frameset>

<iframe src="path" name="mainFrame" frameborder=“1" scrolling="yes/no"  noresize="noresize" width="x" height="y"></iframe>
scr：连接位置
name：窗口名称
frameborder：窗口边框
scrolling：滚动条yes/no
noresize：是否可调整窗口大小 ，默认可以，val：noresize不可以
width：窗口宽度
height：窗口高度

PS-1：个人感觉iframe用得比较多
PS-2：frameset与body是同级标签（俩个只能有一个）