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 atributem href, 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 atributy src a alt, kde hodnotou src 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 atributy src a případně controls. Hodnotou src je odkaz na video a atribut controls 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 atributu id 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

Registrací souhlasíte s provozními podmínkami a zásadami ochrany osobních údajů.

Nebo se registrujte pomocí:

10/10

Shrnutí | Start Coder