Obrázky‚ video

Obrázky

samostatný nový príkaz

VZOR: <img src=adresa_obrázka height=číslo width=číslo border=číslo>

src= (source po slovensky zdroj) - aký obrázok sa má použiť - z internetu alebo náš vlastný obrázok v počítači src="miesto kde sa obrázok nachádza a ako sa volá"

napr. <img src="http://zszakamenne.edupage.sk/photos/pic1.jpg?ft=1305202184"> - obrázok z internetu

napr. <img src="hudba.jpg"> - náš vlastný obrázok hudba.jpg

height= ( po slov. výška ) určuje výšku obrázku

width= ( po slov. šírka ) určuje šírku obrázku

border= ( po slov. rámček ) urobí okolo obbrázku rámček, čím väčšie číslo tým širší

Úloha Obrázky1:

Prekopíruj si nasledovné príkazy do poznámkového bloku a ulož súbor do svojho priečinku ako obrazky.html

<html>

<title> Obrázky </title>

<body>

</body>

</html>

___________________________________________________

Aké sú rozmery obrázkov?

skús vymeniť pri 2. obrázku čísla pri width a height
aké rozmery má 3. obrázok - skús meniť height
zmenši 4. obrázok - čo dopíšeš do príkazu s obrázkom?
čo je 5. obrázok??? - je to obrázok z internetu??? - tvoj obrázok

Úloha Obrázky2:

Pridaj do predchádzajúcej úlohy 2 ďalšie/svoje obrázky

obrázok z internetu
nakresli vlastný

Videá z youtube

kopírovanie kódu z videa

Úloha Video1:

Prekopíruj si nasledovný text do časti body v predchádzajúcej úlohe (je to odkaz na video Elias medzi dvoma svetmi):

Úloha Video2:

Nájdi na youtube vlastné video a pridaj si ho do svojho dokumentu

Domáca úloha č. 3:

- v internetovom prehliadači MOZILLA FIREFOX si zapnite internetový vyhľadávač GOOGLE - obrázky: vyhľadajte postupne obrázky vaších obľúbencov (spevákov, speváčky, hercov, herečky, športovcov), ktorých máš na svojej stránke zakaznici.html Postupne si pridajte tieto obrázky do vašej stránky (do súboru zakaznici.html). Za každé meno, ktoré máte napísané pridajte pomocou príkazu <img src="............"> nájdený obrázok. (budete mať 5 obrázkov)

(Ako zistím adresu obrázku? Dám si vyhľadať v google obrázok napr. Brad Pitt, zobrazím ho v skutočnej veľkosti, pravým tlačidlom na zobrazený obrázok a tam kopírovať adresu obrázku, ktorú následne prilepím v príkaze <img src="prilepím adresu obrázku">

- nastavte všetkým obrázkom rovnaku veľkosť napr. = 100

- obrázky postupne orámujte (niektoré dajte hrubšie, tenšie rámiky)

- stránku nezabudnite uložiť (SÚBOR - ULOŽIŤ)