web进阶之二:写一个简单的网页。

我们需要怎么写

  我们要心中有个想法，我这个网页要有什么，有哪些功能。不过一般都会有美工给你做好图或者根据客户需要做一个效果图，然后就是设计，实现各种各样的功能。在这里我们只做一个简单的网页：

• 实现网页内顶部和底部的跳转
• 实现网页的跳转
• 插图片。
  直接上代码:

    
    
    
    


    
    去底部|去歌词部分
        
    
甚得朕心之韩磊——等待
    

    
等待
    韩磊
    
    

        
        我为什么还在等待

        我不知道为何仍这样痴情

        明知辉煌过后是暗淡

        仍期待着把一切从头来过

        我们既然曾经拥有

        我的爱就不想停顿

        每个梦里都有你的梦

        共同期待一个永恒的春天

        春天

         

        我为什么还在等待

        我不知道为何仍这样痴情

        明知辉煌过后是暗淡

        仍期待着把一切从头来过

        我们既然曾经拥有

        我的爱就不想停顿

        每个梦里都有你的梦

        共同期待一个永恒的春天

        春天

        点击试听

         

    
        

        返回顶部|给我留言
        
        友情链接:
            虾米好听韩磊
        
        
    

效果图:

001.JPG

在这张图片的顶部，我写了一个“去底部和去歌词部分”，在点击这个两个链接时，就会跳转到所去的位置。因为我在底部的位置和歌词的位置各设置了一个锚点。

这样设置之后，在网页想要呈现的地方，再把它调用出来

去顶部|去歌词部分

在“韩磊”的位置，我用了一个超链接，实现网页的跳转，到韩磊的百度百科主页。

002.JPG

同理，上图片中的，返回顶部也是设置锚点来实现。而给我留言和虾米好听韩磊，则是采用了超链接，跳转到其他的页面。