img、a標籤的使用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<!--圖像標籤
<img src='圖片的地址' alt='當圖片顯示不出來時所替換的文字'
title="當鼠標放到圖片上顯示的文字"
一、路徑:絕對路徑：F：\講義\HTML\20180201
二、相對路徑：
/:表明window盤符，根路徑（下級目錄）
./:當前目錄（又叫文件夾） 同級目錄(可省略不寫)
../:上一級目錄
超連接標籤:
<a href="你要鏈接的地址" target="鏈接的打開方式">
title="當鼠標放上去時顯示的文字"
</a>
href:相對路徑、絕對路徑、網絡路徑
target:_blank 在新窗口頁打開
_self 在當前頁跳轉(默認)
超連接的下載功能：
href:只能寫網頁沒法解析的文件
只有網頁沒法解析，才提供下載功能
只有 .zip .rar壓縮文件才能下載
錨點鏈接：
1.設置標記（錨點）
<a name="標記值"><a/>
2.設置鏈接（當我點鏈接就回到錨點）
<a href="路徑+#標記值"><a/>
-->
</head>html
<body>
<!--設置錨點-->
<a name="top">頂部</a> <br>
<img src="./img/1.jpg" alt="">
<img src="../../../img/2.jpg" alt="這是小金毛" title="你餓了/金毛給你送外賣">
<!--新的頁面打開-->
<a href="../0611/day01.html" target="_blank" title="這是百度">百度</a>
<!--當前頁面打開-->
<a href="../0611/day01.html" target="_self">百度</a>
<a href="./img.zip">下載</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="middle">中部</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!--設置鏈接-->
<a href="#top">回到頂部</a>
</body>
</html>網絡
- 1. HTML-h、p、a、img標籤的使用
- 2. a _ img _list 標籤
- 3. html中的a標籤、img標籤、iframe標籤、列表標籤
- 4. a標籤中使用img後的高度多了4px
- 5. a標籤使用
- 6. img標籤、iframe標籤
- 7. a標籤的 target 使用
- 8. HTML-h、p、a、img標籤小試
- 9. img 標籤
- 10. Html img 標籤
- 更多相關文章...
- • MyBatis if標籤 - MyBatis教程
- • MyBatis foreach標籤 - MyBatis教程
- • Composer 安裝與使用
- • 使用Rxjava計算圓周率
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. HTML-h、p、a、img標籤的使用
- 2. a _ img _list 標籤
- 3. html中的a標籤、img標籤、iframe標籤、列表標籤
- 4. a標籤中使用img後的高度多了4px
- 5. a標籤使用
- 6. img標籤、iframe標籤
- 7. a標籤的 target 使用
- 8. HTML-h、p、a、img標籤小試
- 9. img 標籤
- 10. Html img 標籤