HTML a CSS - to jsou rozdíly
HTML a CSS spolu úzce souvisejí - ale jaký je rozdíl? V minulosti byly domovské stránky vytvářeny výhradně v HTML. Dnes tzv. „Kaskádový styl“ odděluje design od struktury, která je vytvořena v „Hypertext Markup Language“ (HTML).
HTML - jazyk pro strukturu a obsah
Vytvořte domovskou stránku, přeneste obsah na svou stránku pomocí HTML. Texty, obrázky a struktury, jako je tabulka, jsou integrovány pomocí souborů HTML. HTML přebírá různé úkoly.
- V souboru HTML nejprve deklarujete typ dokumentu. Označuje, kterou verzi HTML používáte.
- V následující oblasti hlavy - hlava - určíte technické podrobnosti, například ke kterému souboru CSS je připojen. Zde můžete také definovat název, který se zobrazí na kartě prohlížeče.
- Tělo HTML obsahuje obsah webové stránky. Zde končí veškerý text a obrázky, které přidáte na svou domovskou stránku. Texty strukturujete do odstavců a nadpisů různých hierarchií.
- Pomocí příkazu můžete například naformátovat headliner s nejvyšší prioritou
na nadpis prvního řádu. Pomocí příkazů strukturujete další nadpisy
,
atd. Tyto příkazy přímo souvisejí se souborem CSS definovaným v hlavě HTML.
CSS - tvar a barva vaší domovské stránky
Na rozdíl od HTML soubor CSS nepřináší na váš web dynamický obsah. Slouží k určení, jak prohlížeč zobrazuje text a obrázky. Pomocí CSS také navrhujete základní strukturu své domovské stránky.
- Okraje, pozadí a zápatí nebo záhlaví jsou vytvářeny v kaskádovém stylu. Například pro blog rozdělte stránku do dvou sloupců; jeden pro příspěvky a jeden pro odkazy, widgety nebo pevné informace.
- Pomocí souboru CSS můžete také definovat formátování pevného textu. Mají nadpisy v souboru HTML
a
definovány, zpočátku zůstávají nezměněny. Nyní dejte těmto příkazům formulář v CSS, například pro
velikost písma 16 a pro
14 firma.
Můžete také vytvořit domovskou stránku bez souborů CSS. Výhodou CSS je však to, že můžete změnit vzhled celé své domovské stránky pouze jednou změnou. Pokud chcete zvětšit nadpisy, stačí formát