Web.Reporter.pl Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start][Elementy HTML][Atrybuty HTML][Style CSS][Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory][tekst][czcionki][rozmiary][pozycje][tabele][listy][formularze]
[struktura][linki][multimedia][bloki][obramowania][tła][synteza][druk]

IMG

Element definiuje grafikę.

Atrybuty elementu:

alt =[tekst] opcjonalny - IE1, N1, O2.1
tekst alternatywny gdy element nie może być wyświetlony
border =[piksele] opcjonalny - IE1, N1, O2.1
szerokość obramowania gdy grafika jest odnośnikiem
hspace, vspace =[piksele] opcjonalne - IE1, N1, O2.1
odstępy poziome i pionowe dookoła appletu
align =[bottom|middle|top|left|right] opcjonalny - IE1, N1, O2.1
wyrównanie w poziomie i pionie
width, height =[piksele] opcjonalny - IE1, N1, O2.1
szerokość i wysokość elementu
longdesc =[ścieżka, URL] opcjonalny - ???
adres dokumentu opisującego element
src =[ścieżka, URL] obowiązkowy - IE1, N1, O2.1
źródło grafiki
usemap =[ścieżka, URL] opcjonalny - IE1, N1, O2.1
adres mapy dla elementu
ismap =[brak] opcjonalny - IE1, N1, O2.1
dodaje współrzędne do adresu odnośnika
name =[tekst] opcjonalny - IE1, N1, O2.1
nazwa elementu
id, class =[tekst] opcjonalne - IE3, N4, O3.5
unikalny identyfikator i nazwa klasy CSS
lang, dir =[tekst] opcjonalne - IE4
język i kierunek wyświetlania tekstu bądź elementu
title =[tekst] opcjonalny - IE5
tytuł elementu
style =[CSS] opcjonalny - IE3, N4, O3.5
styl CSS elementu
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup =[skrypt] opcjonalne
reakcje na zdarzenia pochodzące od myszy lub klawiatury
Pozostałe cechy:
znacznik zamykający: zabroniony
przeglądarki: IE1, N1, O2.1
Grupa elementów multimedialnych:
A, APPLET, AREA, IMG, LINK, MAP, NOSCRIPT, OBJECT, PARAM, SCRIPT,
Przykładowe zastosowania:

• Przykład 1:

<center>
<a href="http://www.reporter.pl" target=_blank>
<img src="../p/logo.gif" width="120" height="60" border="0"></a>
</center>

 
• • •
Zobacz porady, skrypty, artykuły i gotowe rozwiązania dla właścicieli stron WWW!