H5学习笔记(第二天)
一.列表
1.无序列表( Unordered List)
<ul>
<li type="disc">...</li> 点 ● 默认为点
<li type="circle">...</li> 空心圆 ○
<li type="square">...</li> 方块 ■
......
</ul>
2.有序列表
<ol type="1"> 类型:1(数字),A(大写字母),a(小写字母),I(大写罗马数字),i(小写罗马数字)
<li>...</li>
<li>...</li>
......
</ol>
3.自定义列表
<dl>
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
......
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
......
</dl>
建议自定义列表(Definition List)
建立自定义标题(definition title)
建立自定义内容(definition description)
4.列表嵌套
有序列表与有序列表的嵌套
有序列表与无序列表的嵌套
无序列表与无序列表的嵌套
二.链接
<a href="文件路径" target=“打开方式”>图片或文字</a> 假链接 “#”
打开方式:
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
文件的路径:
1.相对路径:当前页面与链接页面在同一站点里
2.绝对路径:当前页面与链接页面不在同一站点里。一般用于友情链接,必须加上网络协议:http:// https://
../ 返回上一级
../../ 返回上两层
三.表格
<table>
<thead>
<tr><th></th><th></th></tr> <tr>行标记 <th>表格表头,居中加粗
</thead>
<tbody>
<tr><td></td><td></td></tr> <td>列标记
</tbody>
<tfoot>
<tr><td></td><td></td></tr>
</tfoot>
</table>
<thead><tbody><tfoot>可省略,直接加<tr><td><th>,系统直接显示成<tbody>
<tr><td>可添加的属性:
width=“宽度” height="高度" align=“left/center/right” valign="top/middle/bottom"
<table>可添加的属性:
<table border="边框粗细" width=“宽度” height=“高度(一般添加)” bgcolor=“背景颜色” cellpadding=“内容到边框距离” cellspacing=“单元格间距(边框之间的距离)” bordercolor=“边框颜色(以不使用)” bordercolorlight=“边框亮面颜色(仅了解)”>
<caption>表格标题</caption> 自身标题,加在<table><tr>之间
表格样式
1.基本表格
<table border="" width="" cellpadding=""> 根据情况填写
2.无线表格
<table border="边框为0">
3.双线表格
<table border="" cellpadding="" cellspacing="需写间距">
4.合并多列表格
<td colspan="需要合并的列数"> 需要把多余的列删除
5.合并多行表格
<td rowspan="需要合并的行数"> 需把多余的行删除
6.细线表格
<table border="0" cellspacing="1" bgcolor="边框颜色">
<tr bgcolor="#fffff">