HTML学习记录(2)

常用标签——超链接及表格

<!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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值