| Vkladanie obrázkov | |||||||||||||||||||
| robí sa elementom <img ... /> | |||||||||||||||||||
| <img src="obr/image.jpg" alt="toto je text pri polohe myši nad obrázkom" width="400" height="140" border="0" /> | |||||||||||||||||||
| alt je alternatívny text, width a height je šírka a výška v pixeloch (nemusí byť rovnaká ako obrázku), okraj je 0. Elementy za obrázkom sú nepovinné. | |||||||||||||||||||
| Odkaz z obrázku sa urobí tak, že pred neho sa dá začiatok odkazu, t.j. | |||||||||||||||||||
| <a href="detail.html"> | |||||||||||||||||||
| <img src="obr/image.jpg" alt="toto je text pri polohe myši nad obrázkom" width="400" height="140" border="0" /> | |||||||||||||||||||
| </a> | |||||||||||||||||||
| V tomto elemente sa dajú použiť aj ostatné vlastnosti, ako je okraj, zarovnanie, vzdialenosť od okraja a podobne. | |||||||||||||||||||
| border / align / vspace hspace | |||||||||||||||||||
| Vloženie vodorovnej čiary | |||||||||||||||||||
| často v minulosti, elementom: | |||||||||||||||||||
| <hr size="3" width="60%" align="right" noshade color="green"><p> | |||||||||||||||||||
| je zelená čiara cez 60% strany vpravo a bez tieňa. | |||||||||||||||||||
| Vkladanie multimédií | |||||||||||||||||||
| Zvukové a videosúbory sa dajú vložiť do stránky ako odkaz, alebo priamo ako prehrávač zvuku alebo videa. | |||||||||||||||||||
| 1. Ako odkaz | |||||||||||||||||||
| <a href="video/video.avi" title="toto sa zobrazí pri myši nad odkazom">Toto je odkaz na video</a> | |||||||||||||||||||
| title je alternatívny text. Podobne aj mp3, wav, mp4, mpeg a podobne. | |||||||||||||||||||
| 2. V prehrávači | |||||||||||||||||||
| <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="320" height="240"> | |||||||||||||||||||
| <param name="FileName" value="3d.wmv" /> | |||||||||||||||||||
| </object> | |||||||||||||||||||
| alebo aj jednoducho | |||||||||||||||||||
| <object data="media/video.avi" type="video/avi" /> | |||||||||||||||||||
| 3. Aby sa prehral po načítaní stránky na pozadí | |||||||||||||||||||
| <bgsound scr="zvuk.wav" loop="5"/bgsound> | |||||||||||||||||||
| len wav a midi. Loop je počet opakovaní, infinite je nekonečno. | |||||||||||||||||||
| 4. Elementom embed | |||||||||||||||||||
| <embed scr="zvuk.wav" autostart="true" height="22px" loop="1" align="left"></embed> | |||||||||||||||||||
| Autostart je automatické prehratie, loop je opakovanie, align a height sú zarovnanie a výška ovládačov prehrávania. | |||||||||||||||||||
| Dnes sa s výhodou používa programovací jazyk JAVA, a prehrávanie je robené práve pomocou javascriptu. | |||||||||||||||||||
| Vkladanie flashu - animácie | |||||||||||||||||||
| <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="250" height="30" align="right"> | |||||||||||||||||||
| <param name="movie" value="Mid/year.swf"> | |||||||||||||||||||
| <param name="quality" value="high"> | |||||||||||||||||||
| <embed src="Mid/year.swf" width="250" height="30" align="right" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> | |||||||||||||||||||
| </object> | |||||||||||||||||||
| dôležitá je len šírka, výška zarovnanie, cesta a názov flash súboru a kvalita prehratia. | |||||||||||||||||||
| Ostatné je najlepšie skopírovať. | |||||||||||||||||||
| Zobrazenie webstránky | |||||||||||||||||||
| <object type="text/html" height="100%" width="100%" | |||||||||||||||||||
| data="http://www.herbie.szm.com"> | |||||||||||||||||||
| </object> | |||||||||||||||||||
| Celkom sa pri vkladaní multimédií ešte môžete stretnúť s týmito vlastnosťami a ich hodnotami: | |||||||||||||||||||
| clicktoplay | true/false (či treba kliknúť na prehratie) | ||||||||||||||||||
| displaybackcolor | color (farba za) | ||||||||||||||||||
| displayforecolor | color | ||||||||||||||||||
| showcontrols | true/false (či sú zobrazené ovládače prehratia) | ||||||||||||||||||
| showdisplay | true/false | ||||||||||||||||||
| showtracker | true/false | ||||||||||||||||||