Damian Urbaczyk x HTML Elementy graficzne Grafika na

Damian Urbańczyk x. HTML Elementy graficzne

Grafika na stronie WWW Już dawno przestano publikować strony WWW tylko i wyłącznie, korzystając z tekstu. Elementy graficzne zawiera chyba każda strona. Niektóre strony mają więcej, inne mniej grafiki, ale prawie każda zawiera grafikę i zazwyczaj jest to element wyróżniający stronę, a na pewno sprawiający, że czas spędzony z daną stroną jest milszy.

Jak wstawić grafikę na stronę? Aby wstawić grafikę na stronę WWW, w kodzie HTML musimy dodać: <img src=”plikgraficzny. jpg” />

Formatowanie obrazka Każda grafika wstawiona na stronę WWW, ma jakieś wymiary – szerokość i wysokość. Aby określić te wymiary, stosujemy atrybuty width (szerokość) i height (wysokość). <img src=”obrazek. jpg” width=” 100 px” height=” 100 px” />

Określenie obramowania Do każdego elementu graficznego można przypisać obramowanie, które będzie go otaczać: <img src=”obrazek. jpg” border=” 3” />

Obrazki w x. HTML Każdy z atrybutów (wysokość, szerokość, obramowanie) można w x. HTML zdefiniować w formie stylu: <img src=”obrazek. jpg” style=”width: 100 px; height: 100 px; border: 3 px solid #FF 0000; ” alt=”tekst alternatywny” /> Atrybut alt stosujemy do wpisania tekstu, określającego obrazek – tekst ten pojawi się również wtedy, gdy obrazek nie zostanie załadowany.

Jakie grafiki dodawać? Zdjęcia umieszczane na stronach powinny być w formacie JPG. Elementy stałe, które wykorzystują niewielką ilość kolorów, mogą być umieszczane w formatach PNG oraz GIF. Ten ostatni format pozwala na umieszczanie na stronie elementów ruchomych – animowanych gifów. Formaty PNG i GIF pozwalają na stworzenie obrazków, w których wybrane kolory mogą być transparentne – przeźroczyste.

Dziękuję za uwagę!