##### 6 圖片標簽 在HTML中，圖像由標簽定義的，它可以用來載入圖片到html網頁中顯示。網頁開發過程中，有三種圖片格式被廣泛應用到web里，分別是 jpg、png、gif。 img標簽的屬性： ``` /* src屬性： 指定圖像的URL地址，是英文source的簡寫，表示引入資源。 sr ...
6 圖片標簽
在HTML中，圖像由標簽定義的，它可以用來載入圖片到html網頁中顯示。網頁開發過程中，有三種圖片格式被廣泛應用到web里，分別是 jpg、png、gif。
img標簽的屬性：
/*
src屬性：
指定圖像的URL地址，是英文source的簡寫，表示引入資源。
src的值可以是本地電腦存儲的圖片的地址，也可以是網路上外部網站的圖片的地址。
如果src的值不正確，那麼瀏覽器就無法正確的圖片，而是顯示一張裂圖。
alt屬性：指定圖像無法顯示時的替換文本。
width屬性： 指定引入圖片的顯示寬度。
height屬性：指定引入圖片的顯示高度。
border屬性：指定引入圖片的邊框寬度，預設為0。
title屬性：懸浮圖片上的提示文字
*/
點擊圖片跳轉可以配合a標簽使用
<a><img src="" alt=""></a>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>圖片標簽</title>
</head>
<body>
<a href="https://www.hao123.com">
<img src="https://img1.baidu.com/it/u=2953940086,3621245794&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" title="美女"
alt="C:\Users\zczha\Pictures\Saved Pictures\Windows 10 logo 簡約4k電腦壁紙_彼岸圖網.jpg"></a>
<a href="https://www.baidu.com" target="_blank">
<img src="https://img2.baidu.com/it/u=1624963289,2527746346&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=750" title="美女"
alt="">
</a>
</body>
</html>
代碼效果圖如下：
本文來自博客園，作者：生而自由愛而無畏，轉載請註明原文鏈接：https://www.cnblogs.com/zczhaod/p/17638261.html
