Shrnutí
Ve třetí lekci jsme se dozvěděli, že:
- Atributy se píší ve formě
název="hodnota". - Hypertextové odkazy se vytváří prvkem
as 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
targets 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
imgs atributysrcaalt, kde hodnotousrcje odkaz na obrázek a hodnotou alt je popis pro uživatele používající předčítač. - Video přidáme pomocí tagu
videos atributysrca případněcontrols. Hodnotousrcje odkaz na video a atributcontrolsnemá 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
hrefzačíná symbolem#a pokračuje hodnotou atributuidprvku, 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