Obraz na stronie
Obrazy nigdy nie są zamieszczane w kodzie strony, jest w, nim, natomiast umieszczona informacje o lokalizacji pliku, w którym znajduje się obraz. W kodzie HTML wygląda to w następujący sposób <img src=” adres pliku z obrazem” alt=” opis zdjęcia” title=” nazwa zdjęcia”/>. Powiększanie obrazu w przeglądarce wiąże się ze zmniejszeniem jego jakości, natomiast jego pomniejszenie nie niesie ze sobą tego rodzaju konsekwencji. Wysokość i szerokość obrazu podaje się w pikselach. Najlepiej jest stosować oryginalne rozmiary obrazu, ponieważ w ten sposób nie zniekształcimy obrazu. Wielkość obrazu zapisujemy w następującej postaci <img src =”adres pliku ze zdjęciem” style= ”width: szerokość w pikselach; height: wysokość w pikselach; opis zdjęcia”/>. Aby oddzielić obraz od rzeczy otaczających jego należy określić szerokość marginesu obrazu. Do określenia pojedynczego marginesu stosuje się atrybut stylu pudding, gdzie top oznacza górę, right stronę prawą, left lewą stronę a bottom oznacza dół. Szerokość marginesu nie trzeba określać jak w przypadku obrazka w pikselach, można tu używać milimetrów, centymetrów lub też innych jednostek. Obrazek równie dobrze może być zastosowany jako odnośnik. Ma to o wiele przyjemniejszy i bardziej estetyczny wygląd. Menu w postaci obrazków jest zawsze bardziej estetyczne i strona sprawia wrażenie bardziej profesjonalnej. Zamiast słowa e-mail możemy użyć obrazka listu. Na stronie zamiast pełnego obrazu możemy umieścić jego miniaturkę sprawi to , że strona będzie się szybciej ładowała, a jeśli ktoś będzie chciał zobaczyć obraz w jego oryginalnych Wymiarkach wystarczy, że kliknie w jego powiązaną oryginalnym obrazem miniaturkę. Miniaturki stosuje się zazwyczaj do plików typu JPG, w przypadku GiF-ów mija się to z celem, ponieważ mają one zazwyczaj mały rozmiar i nie wiąże się to ze zmianą szybkości ładowania się strony.