HTML ZADANIA

1. ZADANIE - Červená čiapočka

1. Názov webstránky: priezvisko

2. Pozadie html dokumentu: svetlozelená

3. Nadpis 1: Červená čiapočka (Arial, červená farba, vycentrovaný, veľkosť 200)

4. Nadpis 2: Kde bolo tam bolo (Arial, tmavo modrá farba, vycentrovaný, veľkosť 50)

5. Horizontálna čiara pod nadpisom (červená farba)

6. Text rozprávky- odsek: Červená čiapočka (20 viet) (Arial, tmavo modrá farba písma na svetlomodrom pozadí, veľkosť 100, zarovnanie do bloku)

2. ZADANIE - Oravský hrad

1. Názov webstránky: meno a priezvisko

2. Pozadie html dokumentu: svetložlté

3. Farba textu html dokumentu: čierne

4. Nadpis html dokumentu: ORAVSKÝ HRAD

5. Horizontálna čiara pod nadpisom

6. Vložte 3 obrázky Oravského hradu

7. Vložte číslovaný zoznam 5 položiek (Úvod, O hrade, Zaujímavosti, Fakty, Návštevníci)

8. Text: Oravský hrad (20 viet)

9. Naformatujte text tak, že použijete: a) šikmé písmo, b) podčiarknuté písmo, c) tučné písmo

3. ZADANIE - Báseň

1. Názov webstránky: vaše meno a priezvisko

2. Pozadie html dokumentu:svetložlté

3. Farba textu html dokumentu: čierna

4. Vyhľadajte fotku Jána Botta a umiestnite ju na začiatok dokumentu.

5. Nadpis html dokumentu: Ján Botto, podnadpis: Kukučka

5. Horizontálna čiara pod nadpisom Ján Botto 

6. Naformátujte text básne tak, aby vyzeral presne ako na obrázku (písmo, odstavce, medzery,...)

7. Pod báseň umiestnite odkaz na stránku:

https://zlatyfond.sme.sk/dielo/703/Botto_Kukucka/1

4. ZADANIE - Internet 

 1. Názov webstránky: vaše meno a priezvisko

2. Pozadie html dokumentu: svetlomodré

3. Farba textu html dokumentu: čierne

4. Nadpis html dokumentu: INTERNET, podnadpis: Internetové služby

5. Horizontálna čiara pod podnadpisom

6. Vložte 3 obrázky Internetu, ktoré sa budú zobrazovať vedľa seba a budú rovnako vysoké a široké

7. Vložte číslovaný zoznam 5 položiek (Úvod, História Internetu, Služby Internetu, E-pošta, Ostatné )

8. Text: Internet (20 viet)

9. Text: Použité zdroje: uviesť presný link

10. Naformatujte text tak, že použijete: a) šikmé písmo, b) podčiarknuté písmo, c) tučné písmo

5. ZADANIE - Tabuľka IQ

1. Názov webstránky: vaše meno a priezvisko

2. Pozadie html dokumentu: svetlohnedé

3. Farba textu html dokumentu: čierne

4. Nadpis html dokumentu: Tabuľka IQ

5. Horizontálna čiara pod nadpisom

6. Vložte obrázok "géniusa"

7. Vložte nečíslovaný zoznam 5 položiek (Génius, Priemerny, Debilita, Imbecilita, Idiocita )

8 Upravte vytvorený nečíslovaný zoznam tak, aby odrážky boli vo forme štvorca

9. Vytvorte tabuľku podľa obrázka Tabuľka IQ hodnôt (12 riadkov, 3 stĺpce)

10. Tabuľku orámujte a vhodne naformatujte

6. ZADANIE - Tabuľka vitamínov

1. Názov webstránky: vaše meno a priezvisko

2. Pozadie html dokumentu: svetlofialové

3. Farba textu html dokumentu: čierne

4. Nadpis html dokumentu: Tabuľka vitamínov

5. Horizontálna čiara pod nadpisom 

6. Vložte obrázok "vitamíny"

7. Vložte číslovaný zoznam 5 položiek  (Vitamín C, Vitamín D, Vitamín Fe, Vitamín A, Vitamín B)

8 Upravte vytvorený číslovaný zoznam tak, aby odrážky boli vo forme malých písmen: a,b,c....

9. Vytvorte tabuľku podľa obrázka Tabuľka vitamínu C (8 riadkov, 3 stĺpce)

10. Tabuľku orámujte a vhodne naformatujte

7. ZADANIE - Podstránky 

Toto zadanie je na známku! 

Urobte to čo najlepšie a pošlite na ohodnotenie (kódy a printskríny)

1. Názov webstránky: Úvod

2. Pozadie html dokumentu: ľubovoľná jemná farba (nie krikľavá)

3. Farba textu html dokumentu: ľubovoľná - dobre čitateľná

4. Nadpis html dokumentu: Firma STYLES (vymyslite si svoj názov)

5. Horizontálna čiara pod nadpisom

6. Pod čiaru vložte slogan vašej firmy (1 vetu, ktorá súvisí so zameraním firmy)

7. Ďalšia horizontálna čiara pod sloganom

8. Vložte obrázok "svojej firmy"

7. Vložte nečíslovaný zoznam 5 položiek (O firme, Naše služby, Naše produkty, Predajne, Kontakt)

8. Na pracovnej ploche PC si vytvorte priečinok FIRMA, v ktorom vytvoríte 5 ďalších samostatných html dokumentov

9. Každý html dokument bude samostatná stránka/podstránka (1.stránka=O firme, 2.stránka=Naše služby, 3.stránka=Naše produkty, 4.stránka= Predajne, 5.stránka=Kontakt)

10. Všetkých 6 html (Úvod-úvodná stránka Firma STYLES + 5 podstránok) dokumentov/stránok upravíte podľa seba tak, aby každá stránka mala inú farbu, nejaký obrázok a zmysluplný text podľa zamerania firmy

11. Svoju prácu si uložte tak, aby sme mohli na ďalšej hodine s týmito podstránkami pracovať (nenechávajte to uložené na ploche počítača - po uložení a odoslaní, vymažte váš priečinok z plochy)

12. Ak chcete nadpisy alebo text vycentrovať=umiestniť do stredu stránky, použite párovy tag center:

<center>Tento text bude vycentrovaný.</center>

 Tagy môžte aj kombinovať:

<center><h1> Firma STYLES.</h1> </center>

13. Ak chcete vycentrovať celý html dokument/stránku, upravte tag body takto: 

<body align="center">