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