HTML - kod na prezentację z 1 ramką

Hejka wszystkim ^^

Jak się dzisiaj macie ? :P

W ostatnim poście "w skrócie" przedstawiłam wam znaczniki w kodzie HTML.

Teraz czas na zbudowanie kodu.

Kod otwieramy <div> i zamykamy </div>

Podając wymiary dajemy : ,a oddzielając osobne partie kodu używamy ;

Kod na tło (naszą grafikę) wygląda tak :

<div style="background-image:url(link); width: [szerokość obrazka]px;  height: [wysokość obrazka]px; color: rgb(#000000); overflow: auto; margin-top: 0px; margin-left: 0px;">

W miejscu gdzie jest link wklejamy adres url do naszej grafiki (plik hostingujemy np tu)

[kwadratowe nawiasy] usuwamy, ale zostawiamy (okrągłe)

W miejscu #000000 równie dobrze mogło by się znaleźć 0, 0, 0

Są to kody RGB i HEX na kolor tekstu.

Kod na 1 ramkę :

<div style="margin-left: [lewy margines]px; width: [szerokość ramki]px; height: [wysokość ramki]px; overflow: auto; ; margin-top: [górny margines]px;"><font color="kod na kolor"><font face="nazwa czcionki">Tekst</font></font></div>

Lewy margines to nic innego jak odległość ramki od lewej krawędzi obrazka.

Górny margines to odległość ramki od górnej krawędzi obrazka.

Przy większej ilości ramek jest on zmienny (innym razem)

Kod na kolor (font color) to kody RGB lub HEX. W tym wypadku będzie to kolor tekstu w ramce. W przypadku niektórych kolorów można w nawiasach wpisać nazwę (white/ black/green itd) Nazwy i kody macie na zdjęciu tabelki na samym dole :P

Nazwa czcionki (font face) to po prostu nazwa czcionki. Możecie jej poszukać w Wordzie, ale poniżej dam wam parę nazw ;)

Mam nadzieję że artykuł okazał się pomocny.

Tabela kolorów wraz z kodami HEX i RGB

Nazwy czcionek wraz z wyglądem