img標籤和a標籤及列表標籤
阿新 • • 發佈：2021-06-17
圖形標籤: <img>
# src: 要顯示圖片的路徑. # alt: 圖片沒有載入成功時的提示. # title: 滑鼠懸浮時的提示資訊. # width: 圖片的寬 # height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放.)
超連結標籤(錨標籤)<a>
# href:要連線的資源路徑 格式如下: href="http://www.baidu.com" # target: _blank : 在新的視窗開啟超連結. 框架名稱: 在指定框架中開啟連線內容. # name: 定義一個頁面的書籤. # 用於跳轉 href : #id.（錨）
列表標籤：
# <ul>: 無序列表 # <ol>: 有序列表 # <li>:列表中的每一項. # <dl> 定義列表 # <dt> 列表標題 # <dd> 列表項
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content="python"> <metaname="description" content="好好學習，天天向上"> <meta http-equiv="Refresh" content="60;URL=https://www.baidu.com"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <title>學習網站</title> <link rel="icon" href="https://www.baidu.com/favicon.ico"> <!--<link rel="stylesheet" href="css.css">--> <!--<script src="hello.js"></script>--> </head> <body> <p style="color: red; background-color: yellowgreen; font-size: 30px; text-align: center; width: 50%">NBA總決賽☕</p> <!--p標籤是塊級標籤--> <span style="color: red; background-color: yellowgreen; font-size: 30px">誰會是總冠軍♛</span> <!--span和div一樣，但span是內聯標籤--> <div style="color: red; background-color: yellowgreen; font-size: 30px; text-align: center; width: 50%">大家拭目以待☠</div> <!--div是塊級標籤--> <div> <p>div標籤內嵌p標籤</p> <div> <span>1</span> <span>2</span> </div> </div> <!--塊級標籤內嵌(不要讓塊級標籤和內聯標籤並列)--> 2<sup> 3<sub>2</sub> 3</sup><br> <!--內聯標籤內嵌內聯標籤--> <img src="gz.png" alt="獲取失敗" title="優化點" width="1500px" height="800px"><br> <!--img標籤，src屬性是顯示圖片的路徑；alt當圖片載入失敗時的提示；title滑鼠懸浮的提示資訊，width寬height高--> <a href="https://www.baidu.com" target="_blank">百度</a><br> <a href="https://www.baidu.com" target="_blank"><img src="gz.png" alt="獲取失敗" title="優化點" width="1500px" height="800px"></a><br> <!--a超連結標籤(錨標籤)，href要連線的資源路徑；target:-blank:在新的視窗開啟超連結.框架名稱:在指定框架中開啟連線內容--> <ul> <li>A</li> <li>B</li> <li>C</li> </ul> <!--ul無序列表(unorder list)，ul和li要配套使用--> <ol> <li>a</li> <li>b</li> <li>c</li> </ol> <!--ol有序列表(order list)，ol和li要配套使用--> <dl> <dt>第一章</dt> <dd>第一節</dd> <dd>第二節</dd> <dt>第二章</dt> <dd>第一節</dd> <dd>第二節</dd> </dl> <!--dl定義列表，dt列表標題，dd列表項--> </body> </html>