NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov

Prezentace na téma: "NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov"— Transkript prezentace:

1 NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
AUTOR: Ivana Mačková NÁZEV: VY_32_INOVACE_SADA5_INF.9.12 TÉMA: HTML – vkládání obrázků ČÍSLO PROJEKTU: CZ.1.07/1.4.00/

2 Anotace Materiál HTML – vkládání obrázků Vzdělávací obor Informatika
Tematický okruh HTML – tvorba www stránek Anotace Výukový materiál slouží k vysvětlení příkazu pro vkládání obrázků do textu v html dokumentech. Očekávaný výstup Žák se seznámí s příkazem <img> pro vkládání obrázků a získané poznatky aplikuje při vytváření html dokumentů. Druh učebního materiálu Prezentace Stupeň a typ vzdělávání Základní vzdělávání – druhý stupeň, 9. ročník

3 HTML - OBRÁZKY Na www stránky vkládáme obrázky typu jpg nebo gif. K tomu používáme tag <img> s těmito atributy: src – určíme cestu, kde je obrázek uložen (odkud se načte) alt  – zástupný text , který se zobrazí na stránce v oblasti nenačteného obrázku title – po najetí kurzoru na obrázek se objeví v rámečku zadaný popis obrázku border – tloušťka rámečku kolem obrázku height – výška obrázku v pixelech Např.: <img src="nemovcak.jpg" alt="Německý ovčák" title="Toto je německý ovčák" border="1" height="250"> 

4 HTML dokument

5 Zobrazení v prohlížeči

6 ZAROVNÁNÍ OBRÁZKU align=„top“
Provádí se v tagu <img> atributem align. align=„top“ Horní hrana obrázku je zarovnána na horní řádek textu. Obrázek není obtékán.

7 align=„bottom“ Spodní hrana obrázku je zarovnána na spodní řádek textu. Obrázek není obtékán.

8 align=„middle“ Střed obrázku je zarovnán podle textu.
Obrázek není obtékán.

9 align=„left“ Obrázek je zarovnán na levý okraj stránky.
Obrázek je obtékán.

10 align=„right“ Obrázek je zarovnán na pravý okraj stránky.
Obrázek je obtékán. ÚKOL: Vytvořte html dokument o svých zálibách; vkládejte obrázky a provádějte různé způsoby jejich zarovnání.

11 Citace Ilustrace: Kopie obrazovek programu Poznámkový blok – vlastní tvorba autora Zdroje: