第六課標簽 IMG標簽：圖像標記所有瀏覽器都支持 標簽 定義和用法 img 元素向網頁中嵌入一幅圖像。 請註意，從技術上講， 標簽並不會在網頁中插入圖像，而是從網頁上鏈接圖像。 標簽創建的是被引用圖像的占位空間。 標簽有兩個必需的屬性：src 屬性 和 alt 屬性。 src 屬性。 定義和用法 標... ...
<html> <head> <title>第六課標簽</title> <meta charset="utf-8"> </head> <body> IMG標簽：圖像標記所有瀏覽器都支持 <img> 標簽 定義和用法 img 元素向網頁中嵌入一幅圖像。 請註意，從技術上講，<img> 標簽並不會在網頁中插入圖像，而是從網頁上鏈接圖像。<img> 標簽創建的是被引用圖像的占位空間。 <img> 標簽有兩個必需的屬性：src 屬性 和 alt 屬性。 src 屬性。 定義和用法 <img> 標簽的 src 屬性是必需的。它的值是圖像文件的 URL，也就是引用該圖像的文件的的絕對路徑或相對路徑。 提示：為了整理文檔的存儲，創作者通常會把圖像文件存放在一個單獨的文件夾中，而且通常會將這些目錄命名為 "pics" 或者 "images" 之類的名稱。在 W3School 線上教程中，我們的工程師把大部分常用的圖像都存放到一個名為 "i" 的文件夾中，"i"是 "images" 的縮寫，這樣做的好處是可以最大程度地簡化路徑。 ALT屬性 alt 屬性是一個必需的屬性，它規定在圖像無法顯示時的替代文本。 假設由於下列原因用戶無法查看圖像，alt 屬性可以為圖像提供替代的信息： 網速太慢 src 屬性中的錯誤 瀏覽器禁用圖像 用戶使用的是屏幕閱讀器 <img> 標簽的 alt 屬性指定了替代文本，用於在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。 我們強烈推薦您在文檔的每個圖像中都使用這個屬性。這樣即使圖像無法顯示，用戶還是可以看到關於丟失了什麼東西的一些信息。而且對於殘疾人來說，alt 屬性通常是他們瞭解圖像內容的唯一方式。 提示和註釋： 註釋：alt 屬性的值是一個最多可以包含 1024 個字元的字元串，其中包括空格和標點。這個字元串必須包含在引號中。這段 alt 文本中可以包含對特殊字元的實體引用，但它不允許包含其他類別的標記，尤其是不允許有任何樣式標簽。 註釋：當用戶把滑鼠移動到 img 元素上時，Internet Explorer 會顯示出 alt 屬性的值。這種行為並不正確。所有其他的瀏覽器正在向規範靠攏，只要當圖像無法顯示時，才會顯示出替代文本。 提示：如果需要為圖像創建工具提示，請使用 title 屬性。<br/> <img src="D:\Personal\Desktop\下載\Web前端開發視頻教程\01.第一階段：頁面製作基礎\01.Web前端開發之HTML+CSS基礎入門\調整版本----朱朝兵\6 第六節課 【img標簽】\img\jujishou.jpg" alt="狙擊手圖片" width="300px" height="300px" border="10px"> <img src="可以連接的遠程地址 alt="消防隊員" width="300px" height="300px" border="10px"> </body> </html>
