Tworzenie statycznych stron internetowych

HTML

CSS

Index HTML
index PHP
metadane
listy
Grafika
Tabela PHP

Grafika i multimedia w HTML

Wstawianie grafiki

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.

Wstawianie tła do body

Jednokolorowe tło wstawiamy atrybutem bgcolor, po któym podajemy nazwę lub kod szesnatkowy barwy.

Tabela kolorów
NazwaHEXKolor
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

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

animacje gif





Gif

Mapa pogody - wykonany jako grafika wektorowa

Kamil Waśniowski Rafał Stojek