Moderní tvorba webových aplikací

O webu

HTML

Stránky zabývající se značkovacím jazykem HTML.

Seznam všech HTML značek

Odeslání formuláře tlačítkem mimo něj

Jak odeslat formulář tlačítkem, které je mimo formulář.

3 minuty

Query string v URL

Řetězec dotazu je část URL za otazníkem obsahující nejrůznější parametry.

10 minut

HTML atribut download

HTML atribut download zlepšuje uživatelský dojem ze stahovaného souboru.

3 minuty

Resetování <input type=file>

Jak resetovat (odstranit) hodnotu z <input>u pro upload souborů.

3 minuty

HTML/CSS/JS identifikátor id

K čemu se hodí identifikátor, kdy ho používat a jaké znaky může obsahovat.

5 minut

Vytváření vlastních HTML značek

Je možné si kromě standardních HTML tagů vytvořit nějaké vlastní?

6 minut

HTML značka <input>

Všechny varianty značky <input>, možné atributy, vysvětlení a ukázky.

13 minut

Odrolování bez JavaScriptu

Jak odscrollovat na určitou část stránky bez JavaScriptu.

4 minuty

Rel=noopener

Atribut noopener dokáže zabránit manipulaci ze stránky otevřené do nového okna.

3 minuty

Jade

Jade je šablonovací systém převáděný do HTML.

4 minuty

Otevření 2 stránek jedním odkazem

Jak jedním odkazem otevřít dvě různé stránky.

3 minuty

Načítání webu v <iframe>

Je rozumné blokovat načítání webu v <iframe>? Jaká jsou risika a výhody.

5 minut

AMP HTML ⚡

AMP HTML je způsob tvorby webu, při kterém je stránka dobře uzpůsobena rychlému načítání na mobilních zařízeních.

8 minut

HTML značka <!doctype>

Jaký (a jestli vůbec) psát <!doctype> do stránky?

6 minut

Jak (ne)přenášet referer

Jak zablokovat přenášení informace o předchozí navštívené stránce.

8 minut

HTML značky <div> a <span>

Div a span jsou neutrální HTML značky, které se používají k aplikování vzhledu pomocí CSS.

5 minut

HTML tabulky

Vytváření tabulek v HTML. Kompletní přehled všech tabulkových značek.

9 minut

Zprava doleva

HTML značky, HTML, atributy a CSS vlastnosti pro text psaný zprava doleva.

4 minuty

Musí být web validní?

Je nutné, aby byl HTML kód stránky validní? Vliv (ne)validního kódu na SEO.

7 minut

HTML značka <ruby>

HTML značka <ruby> slouží k označení výslovností symbolů východních asijských znaků.

2 minuty

Přehrávání zvuků na webu

Jak na webové stránce přehrát zvukové upozornění nebo hudbu pomocí značky <audio>.

13 minut

HTML <canvas>

Canvas je HTML značka pro kreslení v prohlížeči pomocí JavaScriptu.

6 minut

Uvozovky v HTML, CSS, JS, PHP, SQL

Jak správně používat uvozovky v HTML, CSS, JavaScriptu, PHP a MySQL.

12 minut

Ikona stránky favicon

Jak správně vytvořit ikonku stránky (favicon) pro desktop i mobily.

16 minut

Data URI

Data URI je způsob, jak obsah externího souboru zapsat přímo do HTML/CSS.

8 minut

Jak najít neuzavřenou značku?

Neuzavřená HTML značka může způsobovat problémy. Jak ji najít?

3 minuty

Kdy začne stahování <img> obrázku

Kdy se začne stahovat obrázek připojený značkou <img>.

7 minut

HTML kostra

Jak vypadá základní „kostra“ HTML stránky. Které HTML značky ji utváří.

16 minut

HTML rámy

Rámy v HTML umožňují zobrazit na jedné stránce obsah z více různých zdrojů.

11 minut

Atribut autocapitalize

HTML atribut autocapitalize slouží k nastavení automatického přepnutí na velká písmena u dotykových klávesnic.

6 minut

Automatické vybrání políčka po načtení

Jak a kdy přesunout kursor do textového pole automaticky po načtení stránky.

4 minuty

HTML odkazy

Všechny informace a detaily o HTML odkazech, jejich atributech a stylování pomocí CSS.

20 minut

Horní a dolní index v HTML

Pro zapisování horních a dolních indexů slouží v HTML značky <sup> a <sub>.

6 minut

Značka <meta name=viewport>

K čemu používat <meta> tag name=viewport.

5 minut

HTML odstavec

HTML značka <p> slouží k uspořádávání textu do odstavců.

7 minut

HTML seznamy

Přehled všech typů seznamů, které se v HTML používají.

11 minut

Globální HTML atributy

Obecné atributy jdou používat u všech HTML značek. Zde je jejich kompletní seznam.

18 minut

Výpis zdrojového kódu

Jak na HTML stránce vypisovat zdrojové kódy.

6 minut

Citace v HTML

Jaké značky se v HTML používají pro označení citovaného textu.

8 minut

HTML definice termínu

HTML značka <dfn> slouží pro vyznačení slovního spojení termínu/výrazu.

4 minuty

ARIA atributy

HTML atributy aria-* slouží k sémantickému vyznačení informací pro postižené uživatele.

5 minut

Zakázání označování textu

Standardně jde na webu označovat text. Jak jeho výběru myší zabránit?

5 minut

Automatické vyplňování formulářů

Pomocí atributu autocomplete jde usnadnit a zrychlit vyplňování formulářů.

4 minuty

Odřádkování v HTML a CSS

Jak v HTML, HTML atributu nebo CSS vložit nový řádek.

6 minut

Nadpisy na webu

Pro značení nadpisů stránek existují značky <h1>, <h2>, <h3>, <h4>, <h5> a <h6>.

12 minut

HTML element <data>

HTML značka <data> slouží k označení strojově čitelných dat na webu.

2 minuty

HTML atribut hidden

HTML atribut hidden jde použít pro skrytí obsahu.

2 minuty

Atribut minlength

HTML atribut minlength stanovuje minimální počet znaků, který musí být v políčku.

2 minuty

HTML entity

Entity v HTML jsou zvláštní druh posloupnosti znaků sloužící k zápisu různých symbolů.

9 minut

Atribut novalidate

HTML atribut novalidate zabrání výchozí HTML 5 validaci formulářů.

3 minuty

Jak zobrazit chybové hlášky

Při odstraňování problému v HTML/CSS/JS/PHP/SQL je nutný přístup k chybovým hláškám, jak se k nim dostat?

11 minut

Maximální počet znaků

HTML atribut maxlength omezuje počet znaků ve formulářovém poli.

4 minuty

Popis obrázku

Jak na webové stránce přidat k obrázku popisek.

4 minuty

HTML atribut scoped

HTML 5.1 přichází s možností validně používat element <style> i mimo část <head>.

3 minuty

Škrtnutí značkou <s>

Značka <s> slouží k označení obsahu, který už je zastaralý nebo není relevantní.

4 minuty

HTML značka <output>

Značka <output> slouží k vypsání výsledku závislého na předchozí uživatelské akci.

5 minut

HTML značka <mark>

HTML značka <mark> slouží ke zvýraznění textu na stránce.

3 minuty

Kontextová nabídka <menuitem>

HTML značka <menuitem> umožňuje vytvořit nativní kontextovnou nabídku.

4 minuty

Jak zakázat psaní do <input>u

V jakých případech a jak zamezit psaní do formulářového políčka.

6 minut

HTML atribut lang

K čemu slouží a vyplatí se používat HTML atribut lang?

5 minut

HTML značka <time>

HTML element <time>. Jak a proč ho použít na stránce.

5 minut

HTML značka <dialog>

K čemu je dobrá HTML značka <dialog>.

6 minut

Tabindex

Atribut tabindex slouží k uspořádání položek pro procházení klávesnicí.

4 minuty

HTML značka <details>

K čemu slouží HTML značky <details> a <summary>.

3 minuty

Označení povinných položek

Jak elegantně ve formuláři označit povinné položky atributem required.

6 minut

Textarea

HTML značka <textarea> – jaká jsou její specifika.

6 minut

Seznam všech HTML značek

Abecední seznam všech 144 HTML značek.

7 minut

HTML atribut media

HTML atribut media funguje u značky <a> podobně jako Media Queries v CSS.

2 minuty

Atribut ping

HTML atribut ping umožňuje pingnout nějakou další stránku při prokliknutí odkazu.

2 minuty

Noreferrer

Řetězec rel=noreferrer umožňuje nastavit odkazu, že nemá posílat informace o předešlé navštívené stránce.

3 minuty

HTML atribut placeholder

HTML atribut placeholder slouží k zadání ukázkové hodnoty do formulářového pole.

6 minut

DOM (Document Object Model)

Co je to v prostředí HTML stránky DOM (Document Object Model) a jak se liší od zdrojového kódu.

5 minut

Vlastní atributy v HTML

Jak je to s vytvářením a používáním atributů s vlastními názvy v HTML stránce.

4 minuty

Převod CSS v HTML na externí styly

Jak z HTML vybrat id, třídy a inline styly a vytvořit z nich CSS předpis do externího souboru.

2 minuty

Značka <button>

Tlačítko <button> v HTML, možné problémy v Internet Exploreru a jak je vyřešit.

4 minuty

HTML značka <template>

HTML tag <template> slouží k připravení HTML kódu, který později zpracuje JavaScript.

3 minuty

HTML značka <meter>

Značka <meter> slouží k indikaci čísla.

4 minuty

HTML Imports

HTML importy umožňují připojit/vložit do stránky jiný HTML dokument.

4 minuty

Výběr barvy

Jak umožnit uživateli vybrat barvu z palety (pomocí JavaScriptu i bez JS).

5 minut

Našeptávání značkou <datalist>

Pro napovídání možností při vyplňování <input>u lze v HTML 5 použít značku <datalist>.

3 minuty

HTML značka <select>

Popis, možnosti a vylepšení rozbalovacího výběru, HTML značky <select>.

3 minuty

Různé druhy HTML značek

Dělení HTML značek podle způsobu jejich otevírání a uzavírání.

7 minut

HTML značka <progress>

Značka <progress> slouží k znázornění postupu. Co nabízí za možnosti?

3 minuty

HTML značka <base>

K čemu využít a na co si dát pozor u HTML tagu <base>?

2 minuty

Speciální znaky v atributu class

Co takhle psát názvy tříd v HTML a CSS hezky česky s diakritikou. Funguje to?

4 minuty

Atribut pattern pro formulářové prvky

Validace formulářů regulárními výrazy na straně klienta bez JavaScriptu.

1 minuta

Značka <label> a atribut for

Značka <label> slouží ke svázání popisku s formulářovým prvkem. Kdy použít atribut for?

2 minuty

Podmíněné komentáře pro Internet Explorer

Jak rychle a snadno hackovat HTML a CSS v různých historických versích Internet Exploreru.

4 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025