常用标签——超链接及表格
<!DOCTYPE html>
<html>
<head>
<title>常用标签</title>
</head>
<body>
<!--一、定义列表-->
<dl>
<dt>
苹果
</dt>
<dd>
苹果是重低热能的食物,每千克只产生60千卡的热量;
苹果中营养成分可溶性大,易被人体吸收,故有“活水”
之称,有利于溶解硫元素,使皮肤润滑柔嫩。
</dd>
</dl>
<br />
<!--二、插入图片-->
<img src="" alt="" width="" heigt="" />
<!--
属性src里填写图片路径
属性alt里填写图片的说明信息
属性width里填写图片的长度度,可用百分比表示
属性height里填写图片的高度,可用百分比表示
-->
<br />
<!--三、超链接-->
<a href="" title="" target="_blank" / >
<!--
属性href里填写要链接的地址
属性title里填写的内容在鼠标悬停时会显示
属性target设置成"_blank"时可在新窗口打开链接
-->
<br />
<!--四、给图片的指定区域加超链接-->
<img src="" alt="" width="" heigt="" usemap="#id' />
<map id="" name="">
<area shape="" coords="" href="" alt="" target= "_blank" />
</map>
<!--
map标签的使用方法:
1.属性id和属性name的值要相同且唯一,不得与其他值重复
2.为要map标签要作用的图片加上usemap属性,值为#id
3.map标签里嵌套area标签
4.area标签里的一些属性:
属性shape:链接区域的形状,常用值rect、circle
属性coords:填写坐标以确定链接的精确位置
属性href:要链接的地址
属性alt:链接的一些说明信息
-->
<br />
<!--五、表格-->
<table border cellpadding="10" cellspacing="10">
<tr>
<th>姓名</th>
<th>语文</th>
<th>数学</th>
</tr>
<tr>
<td>小王</td>
<td>90</td
<td>60</td>
</tr>
<tr>
<td>小里</td>
<td>60</td>
<td>80</td>
</tr>
</table>
<!--
table的几个属性:
1.border属性:规定表格的边框的宽度
2.cellpadding属性:规定表格中数据与边框的距离
3.cellspacing属性:规定表格中单元格与单元格之间的距离
th标签创建表头单元格的列
td标签创建普通单元格的列
tr标签创建单元格的行
-->
</body>
</html>