html代替圖片的文本屬性alt|蘿卜系統下載站

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

html代替圖片的文本屬性alt

由于一些原因，圖像無法正常顯示，比如網絡速度過慢、瀏覽器版本過低等，因此應該為圖像設置一個替換文本，用于圖像無法顯示的時候告訴瀏覽者該圖片的內容。

【基本語法】

【語法介紹】

(1)圖片的alt屬性用于對圖片信息進行描述。在瀏覽器中，當圖片無法正常顯示時，在圖片位置顯示該描述信息。當圖片可以正常顯示時，鼠標放在上面時才顯示該描述信息。
(2)alt屬性可以在web瀏覽器不支持圖像顯示或用戶關閉圖像下載功能時，告訴用戶該處是一幅什么樣的圖像。在該語法中，提示文字的內容可以是中文，也可以是英文。

【實例代碼】


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>設置圖像的替代文字</title>
</head>
<body>
<p><img src="5.1.2.jpg" alt="點擊進入" width=950 height=466 align="left">
  </p>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標記是添加圖像的提示文字“點擊進入”，在瀏覽器中預覽可以看到添加的提示文字“點擊進人”，如圖所示。

代替圖片的文本屬性alty運行效果

【素材及源碼下載】

請點擊：html代替圖片的文本屬性alt 下載本實例相關素材及源碼

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

html代替圖片的文本屬性alt

本類教程下載

系統下載排行