Pliki z grafiką dołączamy do strony Html przy pomocy znacznika <img src> , po którym w cudzysłowach wpisujemy nazwę pliku z grafiką,
wraz z roższerzeniem, lub ścieżkę dostępu.
Do dobrej praktyki należy poprawienie wielkości grafiki do rozmiaru docelowego.
Możliwe atrybuty to: alt - tekst alternatywny, title - napis wyświetlony po wskazaniu grafiki przez kursor, width i height
czyli szerokość i wysokość podawane w pikselach lub procentach ekranu lub div'a, align - wyrównanie wględem tekstu z wartościami: left, top, right,
bottom, middle.
Jednokolorowe tło wstawiamy atrybutem bgcolor, po któym podajemy nazwę lub kod szesnatkowy barwy.
Nazwa | HEX | Kolor |
---|---|---|
black | #000000 |   |
silver | #C0C0C0 |   |
gray | #808080 |   |
white | #FFFFFF |   |
maroon | #800000 |   |
red | #FF0000 |   |
purple | #800080 |   |
fuchsia | #FF00FF |   |
green | #008000 |   |
lime | #00FF00 |   |
olive | #808000 |   |
yellow | #FFFF00 |   |
navy | #000080 |   |
blue | #0000FF |   |
teal | #008080 |   |
aqua | #00FFFF |   |
Wstawianie grafiki jako tła strony wykonujemy przez umieszczenie w znaczniku body atrybutu background, po którym podajemy nazwę pliku graficznego ze ścieżką dostępu i rozszerzeniem. Przeglądarki standartowo powielają grafiki do wypełnienia całego ekranu
Grafika w formacie roboczym xcf
Grafika w formacie jpg