sobota, 1 sierpnia 2015

Kod HTML - Zapoznanie

Nadszedł czas na szybkie przybliżenie wam znaczników w kodzie HTML


Na samym początku mamy <div>.
Służy nam on do otwierania i zamykania kodu (</div)
Następnie mamy znaczniki, które nam określają rozmiar i położenie danego obiektu.

width -  Za pomocą tego znacznika określamy szerokość obiektu, np obrazka, ramki itd

height - Za pomocą tego znacznika określamy wysokość obiektu, np obrazka, ramki itd

margin-left - Ten znacznik określa nam odległość obiektu A od obiektu B znajdującego się po lewej stronie (np od lewej krawędzi obrazka)

margin-top -  Ten znacznik określa nam odległość obiektu A od obiektu C znajdującego się wyżej (np od górnej krawędzi obrazka)

Obrazek powinien wam ułatwić postrzeganie tych znaczników ;)

Oczywiście każdą tą odległość wypisujemy w pikselach.
Nazwy wzięły się z języka angielskiego.

Kolejne znaczniki to :
background-image:url(adres url) - Jest to znacznik na obrazek (naszą grafikę). Background to tło, image - obrazek, a url to adres url naszej grafiki (link). Aby uzyskać taki link najlepiej naszą wcześniej wykonaną grafikę wsadzić na stronę do hostingu zdjęć (TinyPic.pl lub iv.pl)
color: rgb(kod koloru z palety rgb) - Jest to znacznik na kolor (najczęściej używany do tekstu). Color to kolor, a rgb jest to paleta kolorów. W nawiasy wpisujesz kod koloru, który cię interesuje.
W kodzie na tło wpisujemy (0,0,0).

W nawiasy przy wyborze kodu możesz wpisać zarówno kod RGB, jak i HEX. Wyjdzie na to samo ;)
Nawiasów "okrągłych" > () > nie usuwamy ;) 
To na razie tyle. W kolejnym poście pojawią się kody na tło i ramki.
Do zobaczenia ! :P

Brak komentarzy:

Prześlij komentarz