這次給大家帶來在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的內聯樣式改進《三毛經典語錄》