一、列表
有序列表:<ol type="符号类型"><li>列表1</li><li>列表2</li>
</ol>
无序列表:<ul type="符号类型"><li>列表1</li><li>列表2</li>
</ul>
定义列表:<dl>
<dt></dt>
<dd></dd>
</dl>
二、表格
基础结构:
<table border"1" width="100" border="1" cellspadding="0" cellspacing"1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
表格注意:tr代表行 td代表单元格 th代表表头 caption代表表标题
1、表格默认宽度为内容的宽度 高度也为内容的高度
2、表格默认边框为0
3、表格的宽度有两种值 (数字[px]、百分比[父标签])
4、cellpaddig表示内边距(单元格内容与边框的距离)
5、cellspacing表示单元格的间距
知识点:
表格1像素的分割
1、把border设为0
2、把table背景设为边框的颜色
3、把cellspacing设为1
4、把td的背景设为正常显示的颜色
表格单元格等宽
利用表格横平竖直的特性,设置某个单元格宽高
合并单元格:是td的属性 通过 <b> 占位</b> 实现
colspan:横向合并(向右合并)
rowspan:垂直合并(向下合并)
这两个是属性的属性值为数字,数字代表合并单元格个数(包含自己)
案例:
<table border="1" width="50%" height="1" cellpadding="0" cellspacing="0">
<th colspan="6">这是一个表格</th>
<tr>
<td bgcolor="white">姓名</td>
<td bgcolor="white"> </td>
<td bgcolor="white">性别</td>
<td bgcolor="white"> </td>
<td bgcolor="white"colspan="2" rowspan="3" width="100"></td>
</tr>
<tr>
<td bgcolor="white">年龄</td>
<td bgcolor="white"> </td>
<td bgcolor="white">学历</td>
<td bgcolor="white"> </td>
</tr>
<tr>
<td bgcolor="white">地址</td>
<td bgcolor="white" colspan="3"></td>
</tr>
</table>
路径:
绝对路径:从根开始找
相对路径:相对自身的位置
/代表根 window 盘符
../代表上级目录
./代表同级目录(自身位置 可以省略)
三、图片
<img src="路径" alt="图片替代文字" title=“悬浮提示框” width="宽度" height="高度"
<img src="../../../lib/video/表单。png"width="300"
案例:
<tr>
<td alalign="center">姓名</td>
<td>张1</td>
<td>性别</td>
<td>男</td>
<td align="center" colspan="2" rowspan="3" ><img src="大学生头像1" width="100" height="100" </td>
<td><a href="../张1简历.rar">下载</a></td>
</tr>
四、a标签(超链接)
a标签功能:
1、页面跳转 href里面写#跳转到本页(刷新)
2、锚链接(定位)
创建标记 1.<a name="标记值"></a>
2.附近标签的id属性 然后定位到标记:
1、本页定位:<a href="#标记值" ></a>
2、其他页定位:<a href="路径#标记值">跳转到index.html</a>
3、下载:
<a href="../路径压缩包"></a>
下载的文件要压缩成压缩包
案例:
<th><a href= "12.19.html">返回列表首页</a>
</th>