HTML基礎——網站友情鏈接顯示頁面


1、列表標簽
  有序列表:type默認是1,2,3……,reserved指降序排列
     <ol type="I" start="" reversed="reversed">
       <li></li>
     </ol>
  無序列表:type默認是disc
    <ul type="">
      <li></li>
    </ul>
2、超鏈接標簽
  <a href="" target=""></a>
  href:指定跳轉的位置
  target:指定跳轉頁面顯示的位置(取值:_self 覆蓋當前選項卡、_blank重新打開一個選項卡)

3、下面實現網站友情鏈接顯示頁面,功能如下:

演示代碼如下:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>網站友情鏈接顯示頁面</title>
 6     </head>
 7     <body>
 8         <ul>
 9             <li><a href="http://www.alibaba.com">阿里巴巴</a></li>
10             <li><a href="http://www.huawei.com">華為</a></li>
11             <li><a href="../案例一:網站信息顯示頁面/網站信息顯示頁面.html" target="_blank">皮囊師</a></li>
12         </ul>
13     </body>
14 </html>

運行效果如下:

點擊阿里巴巴,覆蓋當前選項卡,效果如下:

點擊皮囊師,重新打開了一個選項卡,效果如下:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM