17. Umieszczanie grafiki

Obecnie chyba nie ma strony internetowej na której nie byłoby ani jednej grafiki. Grafikami są banery, guziki do naciskania, piktogramy ułatwiające użytkownikom odnaleźć się na stronie. Czasem są to całe galerie obrazów.

Umieszczanie grafiki na stronie. Do umieszczenia grafiki na stronie stosuje się znacznik <img src="/lokalizacja_obrazu" alt="obraz"/>. Oczywiście znacznik img posiada oczywiście dużo więcej atrybutów (patrz tabelka).

Atrybut

Wartości

Opis

src

src="kwiat.jpg"

Określa lokalizację obrazu. Można używać adresowania względnego jak i bezwzględnego.

alt

alt="kwiatek"

Określa alternatywny tekst, jeżeli wyświetlanie obrazów użytkownik ma wyłączone, lub grafika nie została znaleziona. Pomocny jest również dla użytkowników używających czytnika ekranu.

width

width="100"

Szerokość obrazka w pikselach.

height

height="100"

Wysokość obrazka w pikselach.

border

border="3"

Grubość obramowania.

hspace

hspace="10"

Odsunięcie poziome od innej zawartości strony.

vspace

vspace="10"

Odsunięcie pionowe od innej zawartości strony.

align

left

right

texttop

top

middle

baseline

Umieszczanie grafiki względem tekstu.

niebieskie atrybuty są wymagane
czerwone atrybuty są przestarzałe i należy je zamienić odpowiednimi wpisami w CSS