HTML網(wǎng)頁(yè)圖片標(biāo)記_XHTML教程
插入圖片標(biāo)記<IMG>
今天看到的豐富多彩的網(wǎng)頁(yè),都是因?yàn)橛辛藞D像的作用。想一想過(guò)去,網(wǎng)絡(luò)中全部都是純文本的網(wǎng)頁(yè),非�?菰铮椭缊D像在網(wǎng)頁(yè)設(shè)計(jì)中的重要性了。在html頁(yè)面中可以插入圖像,網(wǎng)頁(yè)常用的圖像格式有JPEG和GIF兩種:
JPEG(Joint Photographic Experts Group)是非凡為照片圖像設(shè)計(jì)的文件格式。JPEG支持?jǐn)?shù)百萬(wàn)種色彩。JPEG是質(zhì)量有損耗的格式,這意味著在壓縮時(shí)一些圖像數(shù)據(jù)被丟失了,這降低了最終文件的質(zhì)量。然而圖像數(shù)據(jù)被拋棄得很少,不會(huì)在質(zhì)量上有非常明顯的不同。
圖形交換格式GIF是網(wǎng)頁(yè)圖像中很流行的格式。雖然它僅包括256種色彩,但GIF提供了出色的、幾乎沒(méi)有丟失的的圖像壓縮。并且GIF可以包含透明區(qū)域和多動(dòng)畫(huà)。它靠水平掃描像素行找到固定的顏色區(qū)域進(jìn)行壓縮,然后減少同一區(qū)域中的像素?cái)?shù)量。因此GIF 通常適應(yīng)于卡通、圖形、Logo、帶有透明區(qū)域的圖形、動(dòng)畫(huà)等。
頁(yè)面中插入圖片可以起到美化的作用。插入圖片的標(biāo)記只有一個(gè),那就是<img>標(biāo)記。插入圖片的時(shí)候,僅僅使用<img>標(biāo)記是不夠的,需要配合其它的屬性來(lái)完成,如下表所示。
| 屬性 | 描述 |
|---|---|
| src | 圖像的源文件 |
| alt | 提示文字 |
| width,height | 寬度、高度 |
| border | 邊框 |
| vspace | 垂直間距 |
| hspace | 水平間距 |
| align | 排列 |
| dynsrc | 設(shè)定avi文件的播放 |
| loop | 設(shè)定avi文件循環(huán)播放次數(shù) |
| loopdelay | 設(shè)定avi文件循環(huán)播放延遲 |
| start | 設(shè)定avi文件播放方式 |
| lowsrc | 設(shè)定低分辨率圖片 |
| usemap | 映象地圖 |
圖像的源文件屬性SRC
配合src屬性指定圖像源文件所在的路徑,就可以完成圖像的插入了。
-
基本語(yǔ)法
- <img src="File_name">
語(yǔ)法解釋
通過(guò)src屬性指定路徑,F(xiàn)ile_name為要插入圖像的路徑。
文件范例:9-1.htm
通過(guò)<img>標(biāo)記的src屬性插入圖片。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:9-1.htm -->
03 <!-- 文件說(shuō)明:插入圖片 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>插入圖片</title>
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
猜你也喜歡看這些
- CSS教程4、CSS的Text文本[翻譯Htmldog]
- 用CSS制作Alpha濾鏡測(cè)試板
- CSS的優(yōu)先權(quán) CSS的繼承與層疊詳細(xì)說(shuō)明
- 請(qǐng)注意閉合浮動(dòng)元素讓我們的CSS代碼更規(guī)范
- CSS加油站:如何編寫(xiě)代碼才能更有效率(編程同樣適用)
- CSS編碼習(xí)慣 hack分開(kāi)寫(xiě)的規(guī)則
- CSS代碼結(jié)構(gòu)初探:如何為id及class類(lèi)命名?
- CSS教程:IE中的z-index迷惑(1)
- CSS優(yōu)先權(quán)之深入剖析(2)
- CSS教程:text-indent隱藏文字出現(xiàn)虛線(xiàn)框outline
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-HTML網(wǎng)頁(yè)圖片標(biāo)記
。