Shrnutí

Ve třetí lekci jsme se dozvěděli, že:

• Atributy se píší do otevíracího tagu ve tvaru název="hodnota", hodnota vždy v uvozovkách.
• Atribut id slouží k identifikaci prvku, a proto musí být jeho hodnota na stránce jedinečná. Každá stránka by navíc měla mít atribut lang u prvku html.
• Odkazy se vytváří prvkem a (anchor, kotva) s atributem href, jehož hodnotou je adresa, kam odkaz vede.
• Odkaz s atributem target s hodnotou _blank se otevře v nové záložce.
• Adresy mohou být absolutní, např. https://www.wikipedia.org/, nebo relativní, např. ./pes.html.
• Relativní adresa začínající ./ hledá soubor ve stejné složce, ve které je HTML soubor s odkazem.
• Relativní adresa začínající / hledá soubor v kořenové složce projektu.
• Obrázky přidáváme prvkem img, který nemá obsah ani zavírací tag. Jeho atribut src obsahuje adresu obrázku a alt popis, který přečte předčítač obrazovky a který prohlížeč zobrazí, když se obrázek nepodaří načíst. Čistě dekorativní obrázek dostane alt="".
• Videa přidáváme prvkem video s atributem src. Logický atribut controls zapíná ovládací tlačítka. Obsah prvku zobrazí jen prohlížeče, které video přehrávat neumí.
• Obrázek (nebo jiný prvek) vložený do odkazu se stane také odkazem.
• Odkaz může vést na část stránky, na které právě jsme: hodnotou href je # a za ním id cílového prvku. Odkaz jen na # vede na začátek stránky.
• Prvky header, nav, main, section a footer říkají, co je která část stránky zač, kdežto div prvky jen seskupuje.

V této lekci jsme se naučili přidávat obrázky a videa, používat odkazy a zjistili jsme, co jsou atributy. Naší stránce jsme také dali smysluplnou strukturu. V příští lekci se naučíme vytvářet tabulky v HTML.