在前面的学习中，我们已经知道如何搭建自己的网站，详细可以去看这个专栏 Web前端/后端，现在我们尝试去给我们的博客增加一些不同的控件

	可以跳转到另一个页面
    

	

敲黑板:
1、链接里可以放相对路径，也可以放绝对路径
2、src关键字里的图片不仅可以放本地路径，也可以放网上的图片路径！

    跳转到章节7
    跳转到图片
    
章节1
    

    
    
章节2
    
是跳转过来的！
    章节3
    
是跳转过来的！
    


    
章节4
    
是跳转过来的！
    
章节5
    
是跳转过来的！
    章节6
    
是跳转过来的！
    
章节7
    
是跳转过来的！
    点击这里!

敲黑板：
1、我们在放图片的时候，为了防止图片加载失败，可以在里面添加属性关键字 alt=，用以加载失败时候的提示
2、href不仅可以用以页面之间跳转，还可以用于长页面段落的跳转，如上图的**#C4**，可以跳转到对应id控件上
3、href中可以添加关键字 target，用以表示跳转到页面的何处，例如此处的_top，还有以下几种类型

target=“_blank”:在新窗口中浏览新的页面。
target=“_self”:在同一个窗口打开新的页面。
target=“_parent”:在父窗口中打开新的页面。（页面中使用框架才有用）
target=“_top” :以整个浏览器作为窗口显示新页面。（突破了页面框架的限制）

    
点击不同的区域有不同的效果
    


    

敲黑板：
1、我们可以通过设置不同的形状、大小的点击区域，用以触发不同的跳转，如上面我们用了 rect（方形）、circle（原型） 作为不同的点击区域跳转到不同的页面。