在HTML中如何用<a>標籤編寫個人收藏夾

來源:互聯網
上載者:User
這次給大家帶來在HTML中如何用<a>標籤編寫個人收藏夾,在HTML中用<a>標籤編寫個人收藏夾的注意事項有哪些,下面就是實戰案例,一起來看一下。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>HTML:基礎教程a標籤</title></head><body>  <h1>我的個人收藏夾</h1>  <a href="https://home.cnblogs.com/u/qjuly/ " title="部落格園地址" target="_blank">我的部落格園</a>  <a href="http://www.chinaz.com/news/2011/1017/213987.shtml" title="看作者是如何成為大牛的" target="_blank">[文章]我是如何學習電腦的</a>  <a href="https://www.jianshu.com/" title="簡書上也可以創作部落格" target="_blank">簡書創作你的創作</a>  <a href="https://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html" target="_blank" title="js好文值得一看">[文章]深入理解JavaScript</a>  <a href="http://www.runoob.com/js/js-conventions.html" target="_blank" title="js的代碼規範編寫良好的代碼">JavaScript代碼規範</a>  <a href="http://www.cnblogs.com/rubylouvre/archive/2009/11/20/1606470.html" title="jQuery源碼解讀" target="_blank">[文章]jQuery源碼學習筆記</a></body></html>

源碼解釋:

a:超連結標籤

href:放上地址點擊就可以跳到頁面(如填的是http://baidu.com,點擊就會跳到百度頁面)

title:文字注釋(當滑鼠移入到a標籤上顯示的文字,如當上部落格園上就顯示“部落格園地址”)

target="_blank":規定了在何處開啟這個連結(使用了這個標籤會在新的頁面開啟頁面,不添加這個屬性-預設是在當前頁)

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

HTML用img標籤做圖

HTML的內聯樣式改進《三毛經典語錄》

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.