a标签
- a标签是网络跳转标签。
- href-----跳转路径。
- target----页面跳转的打开方式。
有四种跳转方式 _blank _self _parent _top
_blank:在新窗口打开链接文档。
<a href="https://www.baidu.com/" target="_blank">点击</a>
_self:默认。在相同框架中打开被链接文档
<a href="https://www.baidu.com/" target="_self">点击</a>
_parent:在父框架中打开被链接文档。
<a href="https://www.baidu.com/" target="_parent">点击</a>
_top:在整个窗口中打开被链接文档。
<a href="https://www.baidu.com/" target="_top">点击</a>
Framename:在指定框架中打开被链接文档。
<a href="https://www.baidu.com/" target="framename">点击</a>
- 锚点链接。
<a href="#1">第一章</a>
<a id="1"></a>
Img标签
- img单标签。
- src----引入图片的路径。
- width, height----调整图片的大小。
- alt----表示代替图像的文本类容。(当图片未显示是显示文本内容)
- border----设置图片边框默认值为0,值越大边框越大。
- align----设置图片位置 图片和文字的位置 其中有 top middle bottom left right 方位。
- title----鼠标滑过显示图片标题。
上对齐</p><img src="../图片/洪崖洞1.jpg" width="1024" height="600" alt="未加载" border="1" align="top" title=" 图片">
- usemap----图像映射 和map标签 area标签一起使用。
具体使用方法:map标签中的name 要与a标签中的usemap内容一致,不过usemap中的内容要以#开头。 area标签要放在map标签里。 area标签有 shape cords herf 属性。
Shape----设置鼠标点击的形状,
cords----形状大小的取值,
herf----跳转的路径。
<img src="../图片/洪崖洞1.jpg" alt="" usemap="#image">
<map name="image">
<area shape="circle" coords="542,483,200" href="https://www.baidu.com/" target="_top">
</map>
表格
- table----定义了一个表格。
- thead----表格的头部。
- tr----行。
- td----列。
- tfoot----表格的尾部。
</table>
<table>
<th></th>
<tr>
<td>
</td>
</tr>
<tfoot></tfoot>
</table>
表格属性
- border----设置边框。
- height,width----设置宽高。
- align----设置位置
- bgcolor background----背景颜色 背景图片。
- cellsdding----表格的变距 内容和边框的距离。
- cellspacing----表格的间距 单元格和单元格之间的距离。
<table border="2" height="100" width="300" bgcolor="blue" cellpadding="2" cellspacing="20">
<tr>
<th>姓名</td>
<th>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>18</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
</tr>
</table>
<table>
- 表格的嵌套
<table width="400" height="400" border="2">
<tr>
<td>
<table width="200" height-="200" border="5">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
8.表格合并
rowspan----合并行。
colapan----合并列。
<table width="200" height="200" border="5">
<tr>
<td rowspan="2"></td>
<td></td>
<td ></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
<td></td>
<td></td>
</tr>
</table>
表格实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table>
<td>
<h2>工商银行电子汇款单</h2>
</td>
<table width="1600" height="20" border="1" cellspacing="0" cellpadding="0">
<tr align="center">
<td width="200" colspan="2">回单类型</td>
<td width="600">网上转账汇款</td>
<td width="200" colspan="2">指令序号</td>
<td width="600">21325412535454</td>
</tr>
<tr>
<td rowspan="4" width="75"> 收款人</td>
<td width="125">户名</td>
<td>张三</td>
<td rowspan="4" width="75">付款人</td>
<td width="125">户名</td>
<td>老刘</td>
</tr>
<tr>
<td>卡号</td>
<td>000000001</td>
<td>卡号</td>
<td>000000002</td>
</tr>
<tr>
<td>地区</td>
<td>南京</td>
<td>地区</td>
<td>杭州</td>
</tr>
<tr>
<td>网点</td>
<td>工商江苏南京业务处理中心</td>
<td>网点</td>
<td>江苏徐州业务处理中心</td>
</tr>
<tr>
<td colspan="2">币种</td>
<td>人民币</td>
<td colspan="2">炒汇标志</td>
<td>钞票</td>
</tr>
<tr>
<td colspan="2">金额</td>
<td>1.00元</td>
<td colspan="2">手续费</td>
<td>0.75元</td>
</tr>
<tr>
<td colspan="2">合计</td>
<td colspan="4">人民币(大写)壹</td>
</tr>
<tr>
<td colspan="2">交易时间</td>
<td>2017年6月01号</td>
<td colspan="2">时间戮</td>
<td>2017-06-01-13.00.00.00.00000</td>
</tr>
</table>
<p>票据打印时间:2017-06-01 15:00:12</p>
<p><del>票据打印单位:苏州徐州业务中心</del></p>
<p>操作员:大曾</p>
</table>
</body>
</html>