<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="梁彩霞">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>图片</title>
</head>
<body>
<img src="tz.jpg" alt="这是个兔子" title="兔子的图片"/>
<p>
<a href="tz.mp3" target="_self" title="这是个链接">点击打开链接</a>
<a href="836513735@qq.com?subject=我要请你吃饭" >点击打开链接</a>
<!--图片的宽高设置比例不对,图像会失真只定义一个属性(宽或高),图片可以等比例缩放,alt替换,若图片显示不了,那出现alt文字,title说明-->
<!--
<img src="tz.jpg"/>
tz.jpg与网页在同一级目录
<img src="images/tz.jpg"/>
tz.jpg在子目录里
<img src="../tz.jpg"/>
tz.jpg在网页的上一级目录里
一般而言,相对路径针对本地站点,
绝对路径针对其他站点
-->
</p>
<a href="#poem">跳转到诗</a>
<a href="#song">跳转到歌</a>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="poem">THIS IS POTE</a></p>
<p> </p>
<p> </p>
<p> </p>
<p id="song">THIS IS SONG</p>
<!--锚点(书签)链接:用name属性为a标记命名后,可以在href里制定连接的目标为命名过的a标记(命名锚记)
也可以指向一个id-->
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="梁彩霞">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>图片</title>
</head>
<body>
<img src="tz.jpg" alt="这是个兔子" title="兔子的图片"/>
<p>
<a href="tz.mp3" target="_self" title="这是个链接">点击打开链接</a>
<a href="836513735@qq.com?subject=我要请你吃饭" >点击打开链接</a>
<!--图片的宽高设置比例不对,图像会失真只定义一个属性(宽或高),图片可以等比例缩放,alt替换,若图片显示不了,那出现alt文字,title说明-->
<!--
<img src="tz.jpg"/>
tz.jpg与网页在同一级目录
<img src="images/tz.jpg"/>
tz.jpg在子目录里
<img src="../tz.jpg"/>
tz.jpg在网页的上一级目录里
一般而言,相对路径针对本地站点,
绝对路径针对其他站点
-->
</p>
<a href="#poem">跳转到诗</a>
<a href="#song">跳转到歌</a>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="poem">THIS IS POTE</a></p>
<p> </p>
<p> </p>
<p> </p>
<p id="song">THIS IS SONG</p>
<!--锚点(书签)链接:用name属性为a标记命名后,可以在href里制定连接的目标为命名过的a标记(命名锚记)
也可以指向一个id-->
</body>
</html>