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>
運行效果如下:
點擊阿里巴巴,覆蓋當前選項卡,效果如下:
點擊皮囊師,重新打開了一個選項卡,效果如下: