<body> <!-- 使用超链接可以让我们从一个页面跳转到另外一个页面 使用a标签来创建一个超链接 属性: href:指向跳转链接的目标地址,,可以写相对路径,也可以绝对路径 a标签的target属性可以指定打开链接的位置 可选值: _self,表示当前窗口中打开(默认值) _blank,表示在新的窗口中打开链接 可以设置一个内联框架的name属性值,链接将会在指定的内联框架中打开 --> <a href="day1.html" target="_blank"> 超链接</a> <a href="day1.html" target="tom"> 超链接</a> <iframe src="day1.html" width="" height="" name="tom"></iframe> <!-- center标签中的内容,会默认在页面中居中显示 我们可以将要居中的元素,全都放在center --> <center></center>
实战:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>超链接</title> </head> <body> <center> <!--想去哪个元素,那就#(id的属性值)这个例子就是到底部,到哪里都可以的--> <a href="#bottom">去到底部</a> <h1>这是我的个人博客</h1> <hr /> <h2>东风破</h2> <!--如果href没有值的话(地址不确定),就没有效果的,就可以写一个#号作为占位符--> <a href="#">周杰伦</a> <p> 锄禾日当午;<br/> 汗滴禾下苦;<br/> <img src="3.jpg" ><br/> 谁知盘中餐;<br/> 粒粒皆辛苦;<br/> <img src="3.jpg" ><br/> <hr/> </p> 友情链接: <a href="#">A网站</a>| <a href="#">B网站</a>| <a href="#">C网站</a>|<br/><br/><br/> <!--如果将链接设置为#,则点击超链接以后,会自动跳转到当前页面的顶部--> <!--HTML中有一个属性,每一个元素都可以设置,该属性可以作为标签的唯一标识 这个属性就是id,id属性在同一个页面中只能有一个不能重复(就是类似这个例子,id=bottom的只能是作用于a标签) --> <a href="#">回到顶部</a>| <!--发送电子邮件的超链接,点击链接以后可以打开计算机默认的邮件客户端 并且将邮件地址设置为mailto后的邮件地址 href="mailto:邮件地址" --> <a href="mailto:rainbow@starcomww.com" id="bottom">联系我们</a> </center> </body> </html>