Než se seznámíme se základy HTML dokumentů, ukážeme si v čem HTML kód psát a jak jej zobrazit v prohlížeči.
V tomto návodu si vytvoříme základní strukturu HTML dokumentu. Každý HTML dokument se skládá z několika povinných a z mnoha dalších volitelných tagů.
Hlavičky HTML dokumentu obsahují metadata o daném dokumentu. Tyto informace se nezobrazují uživateli, ale používají je prohlížeče a vyhledávače. Dále se v hlavičce dokumentu připojují externí soubory pomocí tagu nebo v ní lze editovat vzhled dokume...
Každý správný HTML dokument by měl být vhodně strukturovaný. Nejen, že to zvýší přehlednost zdrojového kódu, ale také to umožní snadnější aplikaci CSS vlastností a procházení stránek robotům vyhledávačů.
Vlastnosti každého elementu v HTML dokumentu lze měnit pomocí kaskádových stylů. Definovat se dají buď přímo v HTML dokumentu nebo v externím CSS souboru.
Hypertextové odkazy jsou textové řetězce, obrázky nebo jiné HTML prvky umožňující procházení na další dokumenty. Odkazovat můžete na dokumenty v rámci jednoho uložiště nebo na externí dokumenty nebo i na různé části v rámci jednoho dokumentu. Takový ...
Obrázky vložíme do HTML dokumentu pomocí tagu . Tento tag musíme rozšířit o několik důležitých atributů. První a nejdůležitějším je atribut src (source = zdroj), který udává adresu k obrázku. Ten může být uložen ve stejné nebo i jiné složce, případně...
Navigace je blok odkazů sloužící k procházení HTML dokumentů pomocí hypertextový odkazů . Využijeme všechny naše nabyté znalosti a vytvoříme jednoduchou navigaci pomocí seznamu .
Pokud potřebujete zobrazit ve vašem HTML dokumentu data v podobě seznamů, lze využít tagů nebo . Tyto tagy dokáží zobrazit zadaná data do řádkových seznamů. Každý řádek seznamu je definován pomocí tagu . Seznamy lze využít i k definici termínu a to ...
Každý HTML dokument je vhodné přehledně formátovat a dělit do strukturovaných bloků. V návodu se podíváme, jakým způsobem lze toto strukturování provést.
V dnešním díle seriálu si ukážeme, jaké existují HTML znakové entity, k čemu slouží a jejich praktické použití na webu.
V tomto díle seriálu si ukážeme jak správně připravit webovou stránku pro tisk a úpravu CSS stylů před tiskem.
Rok 2016 sebou přináší novinky v oblasti webdesignu a na ty se dnes podíváme.
V tomto díle se zaměříme na způsoby centrování prvků na webu a centrování textu.
Při tvorbě www stránek můžete narazit na problém, že web, který tvoříte se jinak zobrazí ve FireFoxu než v IE. V tomto případě je nutné pro IE nadefinovat extra CSS.
Scrollbar nebo-li posuvník je součástí většiny webů. Jsou situace, kdy se klasický vzhled nehodí a je proto dobré posuvník vzhledově přizpůsobit přes CSS.
V dnešním díle seriálu si ukážeme jak na různé přechody prvků a animace.
Flexbox je nová možnost tvorby layoutu webu. Slovíčko flex znamená v překladu pružný, což znamená že flexboxy jsou pružné elementy designu webu.
Jsou případy, kdy se nám může hodit otevřít jedním klikem dva odkazy.
V dnešním díle seriálu se zaměříme na velikost písma při různých rozlešení. Každý asi někdy řešil to, že to co vypadá na velkém monitoru dobře, nevypadá hezky na mobilu.
V dnešním díle se podíváme na to, co je vlastně HTML a co CSS, stručnou historii HTML a CSS spolu se základním vysvětlením struktury.
