ZADANIE 2 HTML
Kolor tła strony
Znacznik, który pozwalał wybrać kolor tła dokumentu to:
<body style="background-color: wartość_koloru; ">
gdzie wartość_koloru to nazwa koloru w j. angielskim np. black, olive, teal, red, blue, maroon, navy, gray, lime, fuchsia, green, purple, silver, yellow, aqua itd.
Na przykład:
<body style="background-color: yellow; ">
Zajrzyjmy do kursu do zakładki kolory..
Kolor można też definiować jako cyfrową liczbę szesnastkową czyli składającą się z 6 cyfr od 0-9 i A-F poprzedzoną znakiem # (format RGB)
Na przykład:
<body style="background-color: #245ACD; ">
Pobierz program Kolory (po pobraniu pliku zmień nazwę rozszerzenia z pdf na exe)
Kolor tekstu w dokumencie
Kolor tekstu w całym dokumencie definiuje się tak:
<body style="color: wartość_koloru; ">
gdzie wartość_koloru to nazwa koloru w j. angielskim np. black, olive, teal, red, blue, maroon, navy, gray, lime, fuchsia, green, purple, silver, yellow, aqua itd.
Na przykład:
<body style="color: olive; ">
lub
<body style="color: #400040; ">
<body style="background-color: #FFFF00; color: 0#00000">
Zadanie 1
Ustaw kolor tła na silver, kolor tekstu na purple.
Kolory czcionki
Dowolnemu fragmentowi tekstu można nadać kolor..
<p style="color: blue; ">Tekst w kolorze niebieskim.</p>
Zadanie 2
Skopiuj 5 poniższych akapitów i ustaw odpowiednio kolory tekstu w akapitach
tekst próbny - olive
tekst próbny - red
tekst próbny - blue
tekst próbny - gray
tekst próbny - lime
Wielkość czcionki
Dowolnemu fragmentowi tekstu można nadać wielkość czcionki:
<p style="font-size: large; ">Tekst o wielkości large</p>
Tekst o wielkości large
Zadanie 3
Skopiuj 5 poniższych akapitów i ustaw odpowiednio wielkość czcionki w akapitach
Tekst o wielkości xx-small
Tekst o wielkości small
Tekst o wielkości medium
Tekst o wielkości large
Tekst o wielkości xx-large
Krój czcionki
Krój czcionki zmieniamy poleceniem:
<p style="font-family: arial; ">Treść akapitu wyświetlona krojem Arial</p>
Przykłady
Treść akapitu wyświetlona krojem Arial
Treść akapitu wyświetlona krojem Courier
Treść akapitu wyświetlona krojem Verdana
inne kroje czcionki to: Arial, Helvetica, sans-serif, Courier, Georgia
Zadanie 4
Skopiuj 4 poniższe akapity i ustaw odpowiednio krój czcionki w akapitach
Treść akapitu wyświetlona krojem Arial
Treść akapitu wyświetlona krojem Helvetica
Treść akapitu wyświetlona krojem Verdana
Treść akapitu wyświetlona krojem Courier