php前端基础学习12.19

一、列表

有序列表：<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">&nbsp;</td>
<td bgcolor="white">性别</td>
<td bgcolor="white">&nbsp;</td>
<td bgcolor="white"colspan="2" rowspan="3" width="100"></td>
</tr>
<tr>
<td bgcolor="white">年龄</td>
<td bgcolor="white">&nbsp;</td>
<td bgcolor="white">学历</td>
<td bgcolor="white">&nbsp;</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>