Od provozovatele projektu Rychlost.CZ
WebDev.wiki > Návody pro webmastery a vývojáře > Návody pro webmastery a vývojáře

seriál Začínáme s HTML

Začínáme s HTML

vydáno: 19.01.2016

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.

základní HTML stránka

vydáno: 19.01.2016

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ů.

HTML hlavičky

vydáno: 19.01.2016

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...

Základní struktura stránky

vydáno: 28.01.2016

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čů.

Stylování stránky

vydáno: 01.02.2016

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.

Jak odkazovat - odkazy

vydáno: 04.02.2016

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ý ...

Jak na obrázky v HTML

vydáno: 08.02.2016

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

vydáno: 11.02.2016

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 .

Seznamy

vydáno: 15.02.2016

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 ...

Odstavce v HTML

vydáno: 17.03.2016

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.

HTML znakové entity a jejich praktické využití

vydáno: 13.06.2016

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.

Tisk webové stránky

vydáno: 16.06.2016

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.

Webové trendy pro rok 2016

vydáno: 23.06.2016

Rok 2016 sebou přináší novinky v oblasti webdesignu a na ty se dnes podíváme.

Vystředění prvku na webu

vydáno: 24.06.2016

V tomto díle se zaměříme na způsoby centrování prvků na webu a centrování textu.

Podmíněné komentáře

vydáno: 04.07.2016

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.

Stylovaní scrollbaru

vydáno: 08.07.2016

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.

Přechody a animace

vydáno: 11.07.2016

V dnešním díle seriálu si ukážeme jak na různé přechody prvků a animace.

Flexbox

vydáno: 22.07.2016

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.

Otevření dvou stránek přes jeden odkaz

vydáno: 26.07.2016

Jsou případy, kdy se nám může hodit otevřít jedním klikem dva odkazy.

Změna velikosti písma podle šířky stránky

vydáno: 27.07.2016

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.

Co je HTML a CSS

vydáno: 17.08.2016

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.