XHTML入門學習教程:XHTML網頁圖片應用_XHTML教程
合理的添加圖片可以使一個網頁更加的美觀。
圖片標簽<img>
<img>標簽用于在網頁里插入圖片。<img>標簽有一個重要的屬性"src",它的屬性值就是圖片的地址。下面我們就在我們的index.html里插入一個圖片。打開”index.html“文件,在</body>前加上如下代碼:
| <p><img src="http://www.hl5o.cn/images/logo.gif" alt="技術支持"/></p> |
保存后瀏覽網,請確認您的網頁與該頁面相同。
我們注重到<img>是一個空標簽,需要在結尾加上一個"/"以符合XHTML的要求。這里的例子除src外還有一個屬性alt,我們把它叫做做替換屬性,當圖片由于某種原因而無法顯示的時候,alt的屬性值就會代替圖片出現(xiàn);而當圖片正常顯示時,只要把鼠標停在圖片上就會看到alt屬性的屬性值。
用圖片作為鏈接
我們在之前的教程中曾經學習過創(chuàng)建超級鏈接,下面我們打開“index.html”并且將剛插入的代碼改為下面這段:
| <p><a href="http://www.hl5o.cn/"><img src="http://www.hl5o.cn/images/logo.gif"alt="技術支持"/></a></p> |
保存后瀏覽網頁,請再次確認您的網頁與這個網頁相同�?纯磮D片是不是變成了超級鏈接,點擊一下圖片就會進入菜鳥吧的主頁了。
關于XHTML的效驗
從本節(jié)開始我們就不再修改"index.html"這個網頁的外觀了,現(xiàn)在將我們制作的網頁送交權威機構檢驗一下。首先進入:http://validator.w3.org/,該頁面就是一個XHTML效驗工具,它用來檢驗我們制作的網頁是否符合XHTML的標準。您可以選擇用網址效驗,也可以上傳文件效驗。您可以選擇文件上傳效驗,方法如下:
在”Validate by File Upload“有“Local File”一欄,點擊瀏覽,找到并選中之前保存的"index.html",然后點擊“check”按鈕。您的結果應該與我們通過網址效驗的結果一樣。返回如下錯誤信息:
| Sorry, I am unable to validate this document because on line 3, 6-9, 12-14, 16-22 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. |
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標簽
- 淺析HTML與javascript中常用編碼
- CSS網頁布局中必須要了解的幾個XHTML標簽
- title和alt 標簽介紹及其異同
- 淺析HTML標簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標準的重要部分
- 九個W3C XHTML1.0及CSS標準認證需要注意的問題
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗證HTML代碼穿越多重瀏覽器標準
- XHTML具有語義的標簽:有關H1位置的討論
- 相關鏈接:
- 教程說明:
XHTML教程-XHTML入門學習教程:XHTML網頁圖片應用
。