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

Komplexní návody pro psaní HTML

Základy jQuery

HTML
Javascript
jQuery
seriál: JQuery, vydáno: 22.11.2016

Javascriptová knihovna jQuery je pravděpodobně nejpoužívanějším doplňkem k HTML, CSS a JavaScriptu na dnešním internetu.

Zákaz výběru textu na webu

CSS
HTML
seriál: Začínáme s HTML, vydáno: 24.08.2016

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

HTML
seriál: Začínáme s HTML, vydáno: 26.07.2016

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

Flexbox

HTML
CSS
seriál: Začínáme s HTML, 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.

Stylovaní scrollbaru

HTML
CSS
seriál: Začínáme s HTML, 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.

Podmíněné komentáře

HTML
seriál: Začínáme s HTML, 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.

Vystředění prvku na webu

HTML
CSS
seriál: Začínáme s HTML, vydáno: 24.06.2016

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

Tisk webové stránky

HTML
CSS
seriál: Začínáme s HTML, 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.

Dvousloupcový responsivní layout

CSS
HTML
seriál: Layout stránky, vydáno: 07.06.2016

V dnešním díle seriálu si ukážeme, jak vytvořit dvousloupcový responsivní layout.

Navigace s ukázkami css

HTML
seriál: Layout stránky, vydáno: 25.05.2016

Díl tohoto seriálu se bude věnovat navigaci na webu. Navigace na webu je jedna z nejdůležitějších částí webové prezentace, neboť na ní závisí pohyb návštěvníka po webu. K vytvoření navigace se používá ostylovaný seznam.

Správná struktura nadpisů

HTML
SEO
seriál: SEO, vydáno: 18.05.2016

Dnes si ukážeme jaká vypadá správná struktura nadpisů na webu. Na webových stránkách se používají nadpisy h1 - h6. Kvůli SEO by tyto nadpisy měly mít určitou hierarchii a neměl by být nadpis h3 před nadpisem h1.

Google Fonts

HTML
CSS
seriál: Google API a služby, vydáno: 04.05.2016

Společnost Google nabízí na svých stránkách https://www.google.com/fonts k volnému použítí na web velké množství fontů. Jedná se o různá patková a bezpatková písma.

Třísloupcový layout

HTML
CSS
seriál: Layout stránky, vydáno: 03.03.2016

V minulém seriálu jsme si ukázali vytvoření dvousloupcového layoutu. Dnes se podíváme, jak přidat ještě jeden sloupec vpravo. Vznikne nám třísloupcový layout s pevnou a pružnou šířkou.

Dvousloupcový layout

HTML
CSS
seriál: Layout stránky, vydáno: 29.02.2016

Připravili jsme si pro Vás ukázku, jak vytvořit jednoduchý dvousloupcový layout. Ukážeme si dvě varianty a to pevný dvousloupcový layout a pružný dvousloupcový layout.

Základy formulářů

HTML
seriál: Formuláře, vydáno: 22.02.2016

Formuláře slouží k získávání dat od uživatelů a jejich následné zpracování nebo odeslaní pomocí skriptů. V dnešní návodu si ukážeme základní prvky a nakonec vytvoříme celý formulář.

Seznamy

HTML
seriál: Začínáme s HTML, 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 ...

Jak na obrázky v HTML

HTML
seriál: Začínáme s 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ě...

Tabulky

HTML
seriál: Různé, vydáno: 05.02.2016

Tabulky slouží k zobrazení většího množství dat v HTML dokumentu. V minulosti se také tabulky využívaly k definování struktury webových stránek. V dnešní době se již využívá vlastnosti kaskádový stylů.

Jak odkazovat - odkazy

HTML
seriál: Začínáme s HTML, 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ý ...

Stylování stránky

HTML
seriál: Začínáme s HTML, 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.

Základní struktura stránky

HTML
seriál: Začínáme s HTML, 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čů.

HTML hlavičky

HTML
seriál: Začínáme s HTML, 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í HTML stránka

HTML
HTML5
seriál: Začínáme s HTML, 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ů.

Začínáme s HTML

HTML
seriál: 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.