2017.9.14 HTML学习总结---超链接标签图片标签
2.4 超链接标签
定义:它是指从一个对象指向另一个对象的指针,它可以是网页中的一段文字
也可以是一张图片,以实现从一个页面到另一个页面的跳转。
格式:<a href="url">超链接名称或图片</a>
其中href:指定链接目标(另一个网页的路径)
2.5 图片标记
格式:<img src=“url” alt="" height="" width="">
其中,属性src:指定图像源的url路径 ;
alt:替代文本 ;
height:图片的高度;
width:图片的宽度。
例如:
<html> <head> <title>超链接页面</title> </head> <body> <h4>超链接标签的使用</h4> <a href="http://www.mount-tai.com.cn/nature.shtml">泰山风景介绍</a> <hr width="100%" size="1" color="red"> <h4>图片链接标记的使用</h4> <a href="http://www.mount-tai.com.cn/nature.shtml"> <img src="C:\MECHREVO\MECHREVO.BMP" width="180px" alt="请点击该图片"> </a> <br/>泰山风景介绍 </body> </html>
2.6 定时刷新或跳转
(1)定时自刷新,基本语法:
<meta http-equiv="refresh" content="1">
含义:页面每隔一秒刷新一次,其中属性content的值,代表间隔的时间。
(2)定时自动跳转,基本语法:
<meta http-equiv="refresh" content="3";url="http://www.souhu.com"/>
含义:页面3秒自动转到搜狐主页。
注意:上述标签一般放在head标签中.
2.7 表格
定义:表格由行列单元格组成,可以很好地控制页面布局,固定文本或图像的输出,
还可以任意进行背景和前景颜色的设置。
一个表格是由:<table>(表格)<tr>(表格行)<td>或 <th>(单元格)组成来定义的。
基本语法:
<table> <caption>表格标题</caption> <tr><th>列名一</th></tr> <tr><td>数据一</td><td>数据二</td></tr> ...... </table>