400-1100-266
9:00-24:00(工作日)
圖像標簽用于在網(wǎng)頁里顯示一副圖像。HTML/XHTML 圖像 <img /> 標簽在 XHTML 中,通過 <img /> 標簽來定義顯示一副圖像。<img />是一個非成對標簽。
基本語法:
<img /> 標簽 通過 src 屬性來確定圖像來源,url 是一個相對或者絕對的圖像地址。
圖像標簽屬性:src:圖片源,必需。指定顯示的圖像來源地址,可以是相對地址或者絕對地址。alt:可替換文本,可省略。用于圖像無法顯示或者瀏覽器屏蔽了圖片時,顯示出來的替換文本。title:圖像提示文字,可省略。當鼠標停留到圖片上時,會提示相關(guān)文字。width:圖片顯示的寬度,可省略。單位為像素。height:圖片顯示的高度,可省略。單位為像素。
文本替換屬性(alt)圖像標簽的文本替換屬性 alt 雖然不是一個必需的屬性,但卻是一個很重要的屬性。當因為某些原因,瀏覽器讀取圖像失敗的時候,將顯示該替代文本以替代原圖像以提供丟失的相關(guān)圖像信息。該屬性也有助于那些使用純文本瀏覽器的用戶理解網(wǎng)頁內(nèi)容。因此,給每幅圖像添加一個有意義的 alt 文本替換屬性是個很好的習慣。
<img /> 標簽使用練習在 e:html 文件夾下的創(chuàng)建 images 文件夾用于存放圖像文件。將下面這幅圖片,鼠標右鍵選擇 “圖片另存為”,將圖片存儲到 images 文件夾下以備用。
編輯我們的 XHTML 小例子 1.html ,在 id="main-content" 的 div 標簽內(nèi)做如下更改:
這樣我們就在網(wǎng)頁中顯示了一幅圖像。
指定圖像顯示尺寸可以給 <img /> 標簽增加 width 或 height 屬性以手動指定圖像顯示的尺寸:
提示一般情況下都會忽略圖像尺寸屬性而默認顯示原圖大小或者瀏覽器自適應(yīng)大小顯示。指定不恰當?shù)膱D像顯示尺寸,可能會讓圖像顯示變形。由于載入圖像需要一定的時間,應(yīng)該盡量在保證圖片質(zhì)量的前提下,減小圖片的體積以盡量達到良好的用戶訪問體驗。
延伸閱讀像素(Pixel):我們可以形象的認為像素就是一個一個計算機可以顯示的最小的點,例如我們常說的的屏幕分辨率是 1024*768 ,意思就是屏幕橫著有 1024 個(像素)點,豎著有 768 個(像素)點。用作單位時一般默認寫作 pix。
標簽:黃山 賀州 通遼 懷化 山南 湖北 湘潭 煙臺
上一篇:前端開發(fā)每天必學之HTML入門介紹
下一篇:編寫靈活、穩(wěn)定、高質(zhì)量的HTML和css代碼規(guī)范指南
Copyright ? 1999-2012 誠信 合法 規(guī)范的巨人網(wǎng)絡(luò) m.wpzone.cn 始建于2005年
全國網(wǎng)站建設(shè)網(wǎng)站開發(fā)咨詢熱線:400-1100-266?? 0514-86177077
江蘇揚州巨人網(wǎng)絡(luò)科技有限公司 ??總部地址:江蘇省揚州信息產(chǎn)業(yè)基地11號樓4層
《增值電信業(yè)務(wù)經(jīng)營許可證》蘇B2-20120278 ?? 蘇ICP備15040257號 網(wǎng)站地圖