SZUKAJ

Image Manager - tag img

Obraz nie jest tylko wstawianybezpośrednio w tekście. Przeglądarka otrzymuje informację o swoim imieniu i wskazuje, gdzie i jak rozmieścić na ekranie. Aby to zrobić, użyj pojedynczego tagu HTML img. Określa lokalizację grafiki na stronie internetowej.

Jeśli wiele atrybutów dla znaczników nie jest wymaganych z zasady, znacznik img musi mieć co najmniej jeden parametr - adres obrazu. Ten atrybut nazywa się src:

  • <img src = "/ images / goat.jpg"> - w tym miejscu zostanie wyświetlony plik goat.jpg, który jest zapisany w bieżącym katalogu;
  • <img src = "/ images / http: megasellmag.ru/design/images/Shape5.png"> - z tym parametrem znaczka img przeglądarka pobierze obraz opublikowany w Internecie na stronie megasellmag.ru.

Alignment attributes

Aby umieścić obrazy na stronie za pomocą HTML, używany jest znacznik img, którego atrybuty są odpowiedzialne za umieszczenie obrazu na stronie i rodzaj jego przepływu wokół tekstu.

img tag

Domyślnie przeglądarka ma obraz na środku ekranu, a tekst nie owija się wokół niego. Tag img pozwoli Wyraź swoją niezgodę z przeglądarką za pomocą atrybutu align.

<img src = "/ images / goat.jpg" align = "left"> - obrazek zostanie umieszczony przy lewej krawędzi strony, a tekst zostanie wyświetlony po prawej stronie.

Zachowanie tekstu będzie podobne, jeśli obraz zostanie umieszczony po prawej stronie (align = right), w środku (align = middle), u góry (align = top), u dołu (align = bottom) i center (center).

Parametry wcięcia i wielkości

Że tekst nie indeksuje się na zdjęciach, tag img jest wyjątkowy attributes -hspace (pola poziome / horyzontalne) i vspace (pola pionowe / pionowe), które określają wielkość wcięcia tekstu od krawędzi obrazu w pikselach.

<img src = "/ images / goat.jpg" align = "left" vspace = "15" hspace = "30">

tag img atrybutów

Obraz nie tylko posłusznie odsunie się od tekstu o określoną wartość, ale również odsunie się od krawędzi strony, dlatego lepiej unikać dużych wcięć.

Bardzo ważne geometryczne wymiary obrazów,które są nie tylko pożądane, ale czasami wystarczy podać poprawne wyświetlanie obrazu. W tym celu ustawia się atrybuty szerokości i wysokości, których wartość jest określona w pikselach lub procentach.

<img src = "/ images / goat.jpg" width = "625" height = "450">

Jeśli podasz tylko szerokość, wysokość będziejest automatycznie wybierany z oryginalnymi proporcjami. Rozmiary określone w procentach pozwalają na umieszczenie obrazu w niezbędnej części strony, niezależnie od wielkości okna przeglądarki i taka konieczność pojawia się dość często.

Inne parametry

Atrybut border zamyka obraz w ramce o określonej grubości, którą przeglądarka domyślnie nie ma.

<img src = "/ images / goat.jpg" width = "500" height = "360" border = "5">

Rama może mieć i, jak się wydaje, bez znaczeniazero width (border = "0"), ale jest tak, dopóki obraz nie stanie się łączem, gdy przeglądarka automatycznie prześle go niebieskim obramowaniem, nie czekając na instrukcje.

<A sekcję "megasellmag.ru"> <IMG src = "/ zdjęcia / obrazów / opana.gif" szerokość = "250" wysokość = "250"> </ a>

Niektórzy niecierpliwi użytkownicy, wściekliniska prędkość Internetu, po prostu wyłącz wyświetlanie zdjęć. Tutaj dla takich przypadków zapewniony jest parametr alt, pozwalający na wprowadzenie alternatywnego tekstu, który użytkownik zobaczy na kwadracie, gdzie obraz w pośpiechu ma się załadować.

Jeśli nie podoba ci się opcja alt, może zaoferować img tag atrybut longdesc, którego wartością jest adres URL dokumentu z bardziej szczegółowym opisem.

Atrybuty usemap i ismap wskazują przeglądarce, żeobraz będzie obrazem, w którym hiperłącze jest oddzielnym obszarem (mapa łącza), tylko parametr usemap określa nawigacyjną mapę na serwerze, a ismap jest mapą po stronie klienta.

<Img src = "/ images / Quad_Band_Phone.gif" width = "145" height = "126" alt = "Telefony komórkowe" Usemap = "# komórkowe">

Opis linku 1 na poniższym obrazku:

<img src = "/ images / img / map.jpg" width = "328" height = "236" border = "0" usemap = "# Dvostok"> <nazwa mapy = "Primorye">

<area shape = "rect" coords = "60,20,110,50,105,80,35,80" href = "Lsd022_1.html" target = "_ blank" alt = "Lesozavodsk">

znacznik html img

Egzotyczne przedmioty

Atrybut lowsrc nakazuje przeglądarce załadowanie sięPrzede wszystkim kopię (lub inną alternatywę) oryginalnego obrazu o niższej jakości, a zatem bardziej "łatwą". Ta sztuczka jest przewidziana dla małej prędkości Internetu dla użytkownika. Oryginalny obraz, załadowany, zastępuje "fałszywy".

Nie tak często używany atrybut galeriiimg taguimg wywołuje panel sterowania obrazem (jeśli najedziesz na niego kursorem), umożliwiając otwarcie standardowego folderu Moje obrazy i wydrukowanie, zapisanie lub wysłanie zdjęcia pocztą e-mail. Możesz wyłączyć panel, ustawiając galleryimg na no / false, i włączyć go, ustawiając yes / true.

W nowej specyfikacji HTML5 niektóre parametry stały się przestarzałe. Tak więc img atrybutów lowsrc, border, longdesc i name są wysyłane na emeryturze.</ strong </ p>

  • Ocena: