因特網網頁設計

圖片管理器 - img標籤

圖片不只是在文本直接插入。 瀏覽器報告她的名字,並指出在何處以及如何放置屏幕位置。 要做到這一點,使用一個HTML的標籤img的。 它指定網頁上的圖形對象的位置。

如果多為標籤的屬性,在原則上,不是強制性的,img標籤必須至少有一個參數 - 圖片的地址。 此屬性名為src:

  • - 在這一點看來,被存儲在當前目錄中的文件goat.jpg;
  • - 與貼在megasellmag.ru網站在互聯網上的選項標籤img的瀏覽器下載圖像。

屬性align

與剛剛幫助定位HTML網頁上的圖像用作img標籤,屬性這是負責的頁面上的圖像的位置和它的文本換行的字符。

默認情況下,瀏覽器 在屏幕中心的圖像,文本環繞事實並非如此。 img標籤允許 來表達他們使用align屬性(取向)瀏覽器的分歧。

- 圖像被定位在頁面的左邊緣,和文本將傳遞它的右側。

類似地,將文本的行為,如果圖像是在正確的(對齊=右),中間(ALIGN =中間),頂部(ALIGN =頂部),底部(ALIGN =底部)和中心(中心)。

壓痕參數和尺寸

為了使圖像上的文字是不是爬,有一個特殊的標記IMG 屬性-hspace(水平/水平場)和VSPACE(垂直/垂直場)確定像素縮進文字圖像邊緣的值。

圖片不僅盡職盡責地為自己設定距規定值的文本,也感動從頁面的邊緣了,所以最好是避免大的缺口。

圖像的非常重要的幾何尺寸不僅是可取的,但有時有必要指定圖像的正確的顯示。 此是屬性寬度(寬度)和高度(H)時,它的值以像素為單位或百分比設置。

如果只指定寬度,高度將自動與原始比例匹配。 以百分比給出的尺寸,允許將圖像放置在頁面的右側,而不管 該窗口大小 的瀏覽器,如需要時頻繁。

其他選項

邊界屬性進入在幀中指定的厚度,這不會使默認瀏覽器的圖片。

框架可以具有一個看似無意義零厚度(邊界='0'),但它是只要畫面不是鏈接,瀏覽器自動obvedet其藍色幀,而不等待指令。

有些心急的用戶,激怒了低速網絡,只需斷開顯示圖片。 這裡這樣的情況下,提供ALT參數,可以讓你輸入一個備用的文本,用戶將在框中,這會加速引導映像看到。

如果你不滿意設定ALT的可能性,img標籤報價 longdesc屬性作為其中使用URL地址文件用的更詳細描述的值。

屬性USEMAP ISMAP並告訴該圖像將被繪製在其上的超鏈接是分開的區域(參考卡)瀏覽器,只有參數USEMAP確定在服務器上的導航地圖,並且ISMAP - 在客戶端地圖。

在下面的圖中的鏈接的說明1:

<地圖名稱='濱海' >

<區域形狀='RECT'COORDS = '60,20,110,50,105,80,35,80'HREF =“HTTP://站點/article/148301/Lsd022_1.html'靶='_空白的”ALT =“列索扎沃茨克'>

異域元素

屬性LOWSRC指示瀏覽器下載原始圖像的第一(或其他替代)的副本具有更低的質量,因而相應地“輕”。 這一招是互聯網用戶的低轉速的情況下提供的。 通過引導原始圖像替換“假”。

它是不是經常使用GALLERYIMG img標籤屬性使圖像控制面板(如果你在它懸停),讓您打開默認的文件夾“我的圖片”和打印,保存或通過電子郵件發送圖像。 通過指定參數值GALLERYIMG沒有/假禁用面板,並是/真正啟用它。

許多標籤已經過時的一些參數的新的HTML5規範。 所以,IMG LOWSRC屬性,邊框LONGDESC和名稱駁回。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhtw.atomiyme.com. Theme powered by WordPress.