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是同级标签(俩个只能有一个)