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>

 

       

原文地址:https://www.cnblogs.com/sc1314-1218/p/8068210.html