HTML

Programovací jazyk HTML je většinou tvořen takovými elementy, pomocí kterých je následně obsah prezentován uživatelům. V jazyce HTML se nachází dva typy tagů (elementů), a to párové a nepárové tagy. V případě párových tagů, musí vždy tag začít označením v špičatých závorkách (např. <tag>), po nichž následuje informace pro sdělení na web. Na konci musí být tento tag opět ukončen a to lomítkem, které je umístěno mezi špičaté závorky, ale před tag. (např. </tag>). Jako párové tagy můžeme chápat např. elementy jako odstavce, tabulky, velikosti textů, řádky či buňky tabulek, odkazy apod. V případě nepárových tagů element pouze začíná a jeho ukončení se neprovádí. Mezi nepárové tagy můžeme zařadit např. elementy jako vložení obrázků grafiky nebo odkazy na externí zdroje (další soubory – například CSS soubory).

Většina z elementů podporuje a také obsahuje různé atributy. Tyto atributy mohou přidávat k elementům další doplňkové informace. Pod pojmem atributy si můžeme představit např. nastavení výšky, šířky, titulku, odkazu, jedinečné identifikační hodnoty (id), třídy (pro seskupování elementů) apod.

Za využití pouze zmíněných prvků (včetně prvků pro úpravu vzhledu a formátování – CSS soubor) vzniká statický obraz webu. Statické weby jsou využitelné pro blogy a weby, které nepotřebují připojená data. Pro vytvoření dynamického webu je třeba k webu vytvořit a připojit odpovídající databázi dat. V tento moment lze prezentovat vybraná data z databáze na web (např. v podobě tabulky), data do databáze přidávat pomocí formulářů (např. registrace) apod. Práce s databází avšak vyžaduje práci s dalším programovacím jazykem a to jazykem SQL (Structured Query Language).  

CSS (Cascading Style Sheets) je jazyk používaný k úpravám vzhledu a formátování dokumentů, které byly napsány v jazyce HTML (a XML). CSS soubor je pak pouze připojen do HTML souboru. Úprava vzhledu, stylů a formátování zjednodušuje správu HTML kódu a tudíž i následnou údržbu webových stránek. Při tvorbě webových stránek lze pro zjednodušení vytvořit CSS soubor. V tomto souboru můžeme vytvořit různé třídy, kterým můžeme nastavit různé atributy (např. pro třídu „.rozmery“ můžeme nastavit libovolný počet atributů, např. výšku, šířku apod.), avšak každý třída v CSS musí začínat tečkou. Na tuto třídu můžeme v HTML už jednoduše odkazovat pomocí atributu „class“ (třída), místo toho abychom vypisovali všechny atributy do HTML kódu. Tento kód by vypadal tak, že by uvnitř libovolného tagu byla třída rozměry (<tag class=“rozmery“> obsah na web </tag>).

Jednoduše lze říct, že CSS a HTML spolu úzce spolupracují a že pomocí CSS vzniká přehlednější a více organizovaný HTML soubor. Bez využití CSS prvků by byly webové stránky statické a méně atraktivní pro uživatele.