Shrnutí
Ve třetí lekci jsme se dozvěděli, že:
- Atributy se píší ve formě
název="hodnota"
. - Hypertextové odkazy se vytváří prvkem
a
s atributemhref
, jehož hodnota je samotný odkaz, který chceme otevřít. - Hypertextové odkazy mohou otevřít odkaz v novém okně přidáním atributu
target
s hodnotou_blank
. - Odkazy mohou být buď absolutní např.
https://www.wikipedia.org/
, nebo relativní např../pes.html
. - Relativní odkazy mohou začínat s
./
, což hledá soubor ve složce s odkazujícím HTML dokumentem. - Relativní odkazy mohou začínat i s
/
, což hledá soubor v kořenové složce projektu. - Obrázky přidáváme pomocí tagu
img
s atributysrc
aalt
, kde hodnotousrc
je odkaz na obrázek a hodnotou alt je popis pro uživatele používající předčítač. - Video přidáme pomocí tagu
video
s atributysrc
a případněcontrols
. Hodnotousrc
je odkaz na video a atributcontrols
nemá hodnotu jelikož jen zapíná ovládání tlačítky. - Do hypertextového odkazu můžeme umístit jakýkoliv prvek, aby se z něj stal odkaz.
- Hypertextový odkaz může odkazovat na konkrétní sekce stránky tím, že hodnota atributu
href
začíná symbolem#
a pokračuje hodnotou atributuid
prvku, ke kterému chceme posunout stránku.
V této lekci jsme se naučili jak vytvářet nejen mediální obsah, jako obrázky a videa, ale také jak používat odkazy, nebo co to jsou atributy. V příští lekci se naučíme jak vytvářet tabulky v HTML a všechny náležitosti s tím spojené.
Pokyny
Gratulujeme k dokočení třetí lekce! V editoru je Váš konečný kód z této lekce. Teď si můžete stránku přizpůsobit nově nabytýmy znalostmi.
Začněte programovat zdarma
10/10