Učebna programování HTML stránek
Navštíveno: 0 z 30 lekcí
Co budeme potřebovat
K tvorbě webových stránek nepotřebuješ žádný drahý software. Stačí obyčejný textový editor – například zdarma dostupný Visual Studio Code, Notepad++ nebo Nova na Macu – a libovolný webový prohlížeč, ve kterém si výsledek okamžitě zkontroluješ. Soubory s příponou .html vytváříš přímo v editoru a otevíráš dvojklikem v prohlížeči. Žádná instalace serverů ani složité nastavení na začátku není potřeba.
Základní tagy ve zdrojovém kódu
HTML stránka se skládá z takzvaných tagů – příkazů uzavřených do lomených závorek, například <p> pro odstavec nebo <h1> pro hlavní nadpis. Většina tagů má otevírací část <tag> a uzavirací část </tag>, mezi které se vkládá obsah. Základní kostra každé stránky obsahuje tagy <!DOCTYPE html>, <html>, <head> a <body>. Vše, co uživatel vidí v prohlížeči, se nachází uvnitř tagu <body>.
CSS
CSS (Cascading Style Sheets) je jazyk, který určuje, jak bude stránka vypadat – barvy, písmo, rozměry, rozmístění prvků. Píšeš ho odděleně od HTML, nejčastěji do samostatného souboru s příponou .css, který připojíš k HTML pomocí tagu . Základní pravidlo CSS se skládá ze selektoru (co chceš upravit) a deklarace (jak to chceš upravit), například p { color: red; } obarví všechny odstavce červeně.