想要在網頁中顯示影像就需要使用影像標記，接下來我將詳細介紹影像標記及和它相關的屬性，
這次和以往不大一樣，先上代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>影像標記img的alt屬性</title>
</head>
<body>
<img src="logo.jpg" alt="傳智播客-專業的Java培訓，.NET培訓，PHP培訓，網頁培訓，平面培訓，iOS培訓機構 "/>
</body>
</html>
首先先把logo.jpg的影像放在當前HTML網頁檔案所在的檔案夾中，
正常顯示如下：
如果影像鏈接錯誤（或者其他原因），則會顯示文字如下：
什么原因呢？
恭喜你猜對了！alt屬性主要用于使看不到影像的用戶了解影像內容，指定影像不能顯示時的代替文本，
重點：
| 屬性 | 屬性值 | 描述 |
|---|---|---|
| src | URL | 影像的路徑 |
| alt | 文本 | 影像不能顯示時的替換文本 |
| title | 文本 | 滑鼠懸停時顯示的內容 |
| width | 像素 | 設定影像的寬度 |
| height | 像素 | 設定影像的高度 |
| border | 數字 | 設定影像邊框的寬度 |
| vspace | 像素 | 設定影像頂部和底部的空白（垂直邊距） |
| hspace | 像素 | 設定影像左側和右側的空白（水平邊距） |
| align | left | 將影像對齊到左邊 |
| （同上） | right | 將影像對齊到右邊 |
| （同上 ） | top | 將影像的頂端和文本的第一行文字對齊，其他文字居影像下方 |
| （同上 ） | middle | 將影像的水平中線和文本的第一行文字對齊，其他文字居影像下方 |
| （同上 ） | bottom | 將影像的底部和文本的第一行文字對齊，其他文字居影像下方 |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/302048.html
標籤：其他
下一篇：機器視覺產業鏈全決議