STŘEDNÍ ŠKOLA - CENTRUM ODBORNÉ PŘÍPRAVY TECHNICKOHOSPODÁŘSKÉ

 

PRAHA 9, PODĚBRADSKÁ 1/179       www.copth.cz       

 

 

 

OFICIÁLNÍ STRÁNKY

 

Hlavní stránka kroužku

 

1. ukázková hodina


Prezentace kroužku

 

Základní pojmy

Tag = příkaz jazyka HTML, vkládáme do uzavřených závorek

Element = obsah je ohraničen otevíracím a zavíracím tagem

  Zápis <h1>Napis</h1>     nazýváme element

Párový příkaz = tag je zakončen uzavíracím tagem (lomítko), např. <body> obsah </body>

Nepárový příkaz = tag není zakončen uzavíracím tagem, např. <meta>

 

• Nadpis

<h1>  otevírací tag pro nadpis

</h1> zavírací tag pro nadpis

<h1>nadpis</h1>

Jen malá písmena !

Může být až 6 nadpisů (podnadpisů) <h1>,...,<h6>

 

• Odstavec

<p>  otevírací tag pro odstavec

</p> zavírací tag pro odstavec

<p>odstavec</p>

 

• Šablona pro každou webovou stránku:

<!doctype html>
<html>          <!--začátek HTML dokumentu-->
    <head>            <!--hlavička-->
        <title>Nadpis</title>          <!--nadpis stránky-->
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  <!--kódování češtiny-->
    </head>
    <body>           <!--tělo dokumentu-->

    </body>
</html>

--------------------------------------------

Poznámku v kódu zapíšeme takto:   <!-- poznámka -->

 

Při kódování použijeme dvě okna:

                                      

Notepad++  

 

           Webový prohlížeč          

Aktualizace stránky: klávesa F5   

Stažení editoru Notepad++

Kontrola vytvořeného kódu stránky

 

Domácí úloha:

1. Vytvořte html soubor s názvem nadpisy.html, který bude obsahovat 5 nadpisů a 5 odstavců s libovolným textem. Ke vložení textu použijte generátor Lorem Ipsum

2. Vytvořte html soubor s názvem odkazy.html, který bude obsahovat 1 nadpis a 6 hypertextových odkazů:

Nadpis: Výukové weby

Odkazy: 

1.   https://www.youtube.com/user/blockheadAcademyCZ/playlists

2.   http://www.oceantutorials.com/

3.   https://bamboolearn.cz/kategorie/programovani/

4.   http://webrebel.sk/

5.   http://www.itnetwork.cz/

6.   http://www.landi.cz/xhtml.html

U obou souborů zkontrolujte chyby validátorem.

 

 

Střední škola - COPTH
je fakultní školou 
Univerzity Karlovy v Praze


Czech English German