HTML - obrázky

Zdroj
ručne priradené
Pridané

Pozrieť na YouTube →

Preber si túto prednášku so svojou AI

Skopíruj pripravený podklad a vlož ho do ChatGPT, Claude alebo inej AI — bude ťa učiť alebo skúšať len z tejto prednášky.

Otvoriť AI: ChatGPT · Claude · Gemini

Zhrnutie prednášky

Prednáška v rámci HTML ukazuje, ako na webovú stránku vkladať obrázky pomocou nepárovej značky img. Obrázky sa vhodne ukladajú do samostatného priečinka (napr. images) a zdroj sa určuje atribútom src, ktorý môže odkazovať na lokálny súbor alebo na adresu obrázka z internetu. Atribút alt obsahuje alternatívny text, ktorý sa zobrazí, keď sa obrázok nepodarí načítať, a využívajú ho aj čítačky obrazovky. Značka img je riadkový (inline) prvok, takže sa obrázky radia vedľa seba a pri nedostatku miesta pokračujú na ďalšom riadku. Lektor upozorňuje aj na autorské práva pri používaní cudzích obrázkov.

  • - Obrázok sa vkladá nepárovou značkou img.
  • - Atribút src určuje zdroj obrázka: lokálny súbor (napr. images/opica.jpg) alebo URL z internetu.
  • - Atribút alt zobrazí alternatívny text, keď sa obrázok nenačíta, a číta ho aj čítačka obrazovky.
  • - Značky môžu mať atribúty, napríklad charset pri meta alebo src a alt pri img.
  • - Obrázky je vhodné ukladať do samostatného priečinka, napr. images.
  • - Značka img je inline prvok, takže obrázky sa radia do riadku a zalamujú sa podľa šírky.
  • - Pri použití cudzích obrázkov treba dbať na autorské práva.

Zhrnutie pripravené s pomocou AI z prepisu videa.