Webprogramozás HTML alapok
|
|
|
- Ede Barna
- 7 évvel ezelőtt
- Látták:
Átírás
1 Webprogramozás HTML alapok
2 Alapfogalmak internet: az egész világot körülölelő számítógép hálózat www (World Wide Web): az interneten működő, egymással ún. hiperlinkekkel összekötött dokumentumok rendszere HTTP (Hyper Text Transfer Protocol): egy információátviteli mód az interneten, az eredeti célja a HTML lapok publikálása és fogadása volt HTML (Hyper Text Markup Language): egy leíró nyelv, melyet web oldalak készítéséhez fejlesztettek ki XHTML
3 HTML példa <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>madarasi Menedékház</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body bgcolor="#c3bfb6" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"> <table width="100%" height="572" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="572"><img src="images/pixel.gif"></td> <td width="3" height="572" bgcolor="#ffffff"><img src="images/pixel.gif"></td> <td width="770" height="572"> <table width="770" height="572" cellpadding="0" cellspacing="0"> <tr> <td width="770" height="194"> <table width="770" height="194" cellpadding="0" cellspacing="0"> <tr> <td width="263" height="194"><img src="images/pozamenedekhaz.jpg"></td> <td width="305" height="194"><img src="images/logo.jpg"></td> <td width="202" height="194"> <table width="202" height="194" cellpadding="0" cellspacing="0"> <tr> <td width="202" height="21">
4 HTML dokumentum részei Dokumentum Típus Definíció (DTD) <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN > HTML fejléc technikai és dokumentációs adatokat tartalmaz <head> <title>az oldal címec me</title> Kötelező!!! <meta http-equiv="content-type" content="text/html;charset=az oldal kódolása"> <meta name="author" content="az oldal készítője"> <meta name="keyword" content="kulcsszó1, kulcsszó2"> <meta name="description" content="az oldal leírása"> <meta http-equiv="refresh" content="5;url= </head> HTML törzs a megjelenítendő információkat tartalmazza <body> Az oldal tartalma </body>
5 Példa oldal <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN " <html> <head> <title>az oldal címe</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> Az oldal tartalma </body> </html>
6 Formázási elemek Címsorok: <h1>, <h2>,, <h6> Bekezdések: <p>bekezdés szövege</p> <blockquote>valami</blockquote> <pre>előre formázott</pre> új sor: <br /> Rendezési tulajdonságok: ALIGN = left / right / center / justify példák: <h1 align= center >Címsor</h1> <p align= right >Jobbra rendezett bekezdés</p>
7 Szövegformázás <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>szövegformázás</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <p>így lehet <B>kétféle</B>, nem mindig azonos <STRONG>kövér</STRONG>, <I>kétféle</I> <EM>dõlt</EM>, <U>aláhúzott</U>, <BLINK>villogó</BLINK> ill. <KBD>FIX jelszélességû</kbd> szövegrészt írni.</p> <p><b><u>kombinálhatjuk is.</u></b></p> <p>így pedig <SUP>felsõ</SUP>, ill. <SUB>alsó</SUB> indexet írhatunk.</p> <p>lehetõség van a <TT>TT=teletype</TT>, <BIG>BIG</BIG>, <SMALL>SMALL</SMALL> és <STRIKE>STRIKE</STRIKE> jeltipusok használatára. (Nem minden böngészõ érti mindegyiket. Ha nem érti, figyelmen kívül hagyja.)</p> <p>láthatjuk, hogy egy parancs hatása olyan másikkal zárható le, ami a "parancs"-szó ismétlésébõl és egy az elé tett "/" jelbõl áll.</p> </body> </html>
8 Szövegformázás
9 Betütípus beállítások <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>betütípus beállítások</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <P>A "FONT" paranccsal betûméretet vagy betûszínt állíthatunk be. A méret 1-tõl kezdve növekszik, a szín vagy angol elnevezés (140 lehetõségbõl), vagy RGB kód #RRGGBB formában. Az RGB (Red=piros, Green=zöld, Blue=kék) kód hexadecimálisan (16-os számrendszerben) írandó, és így a piros-zöld-kék arányt több, mint 16 millió módon adhatjuk meg (# és #FFFFFF között).</p> <P><B>Néhány példa:</b></p> <P align="center"><font SIZE=1>1-es méret</font><br /> <FONT SIZE=2>2-es méret</font><br /> <FONT SIZE=3>3-as méret</font><br /> <FONT SIZE=4>4-es méret</font><br /> <FONT SIZE=5>5-ös méret</font><br /> <FONT SIZE=6>6-os méret</font><br /> <B><FONT COLOR=red>red</FONT> <FONT COLOR=#FF0000>= #FF0000</FONT><BR /> <FONT COLOR=green>green</FONT> <FONT COLOR=#008000>= #008000</FONT><BR /> <FONT COLOR=lime>lime</FONT> <FONT COLOR=#00FF00>= #00FF00</FONT><BR /> <FONT COLOR=blue>blue</FONT> <FONT COLOR=#0000FF>= #0000FF</FONT><BR /> <FONT COLOR=#ABCDEF SIZE=5>#ABCDEF (nincs neve)</font></b><br /> <FONT COLOR=# SIZE=5># (meg ennek sincs)</font></b></p> </body> </html>
10 Betütípus beállítások
11 Speciális karakterek < < > > & & á á Á Á í í ú ú õ õ ő ő Ő Ő ô ô û û ű ű Ű Ű Ö Ö é é ß ß û û † ‰»» ««± ±
12 Listák <h1> A felsorolás többszintes is lehet, többféle kezdőjellel. </h1> <UL> <LI>elsõ <LI>második <LI>harmadik bekezdéssel, amik közül ez a harmadik jóval hosszabb az elõzõ kettõnél, ezért csak több sorban fér el. </UL> <UL TYPE=round> <LI>Európa <LI>Ázsia <LI>Amerika <ul type=square> <li>észak-amerika <UL TYPE=disc> <LI>Kanada <LI>USA </UL> <li>közép-amerika <li>dél-amerika </ul> <LI>Afrika </UL> <h1>számozott listák:</h1> <OL TYPE=i> <LI>számozva (TYPE=1, elhagyható) <LI>római számozva (TYPE=I) <LI>kis római számozva (TYPE=i) <LI>kisbetûzve (TYPE=a) <LI>vagy nagybetûzve (TYPE=A) </OL>
13 Listák
14 Hivatkozások - linkek Link: más webes tartalomra történő irányítás
15 Hivatkozások - linkek abszolút hivatkozás <a href= >fizika kar weboldala</a> relatív hivatkozás <a href= masodik.htm >más oldal</a> TARGET tulajdonság: target= _SELF target= _BLANK target= _TOP target= _PARENT target= név hivatkozás képre <a href= kep.jpg >valami kép</a> link <a href="mailto:jferenc@phys.ubbcluj.ro"> nekem</a>
16 Példa elso.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>első oldal</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <a href=" target="_blank">fizika kar weboldala</a> <a href="masodik.htm" target="_self">második oldal</a> </body> </html> masodik.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>második oldal</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <a href=" target="_blank">kurzus weboldala</a> <a href="elso.htm" target="_self">első oldal</a> </body> </html>
17 Oldalon belüli hivatkozások belső rész elnevezése: <a name= nev >valami</a> belső hivatkozás egy részre: <a href= #nev >hivatkozás egy részre</a> külső hivatkozás egy oldal részére: <a href= >hivatkozás egy részre</a> <a href= oldal.htm#nev >relatív hivatkozás egy részre</a>
18 Példa <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>belső hivatkozások</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <h1><a name="tartalom">tartalom</a></h1> <ul> <li><a href="#elso">első fejezet</a></li> <li><a href="#masodik">második fejezet</a></li> <li><a href="#harmadik">harmadik fejezet</a></li> </ul> <hr /> <h1><a name="elso"></a>első rész</h1> <p>valami tartalom...</p> <p align="right"><a href="#tartalom">vissza</a></p> <h1><a name="masodik"></a>első rész</h1> <p>valami tartalom...</p> <p align="right"><a href="#tartalom">vissza</a></p> <h1><a name="harmadik"></a>első rész</h1> <p>valami tartalom...</p> <p align="right"><a href="#tartalom">vissza</a></p> </body> </html>
19 Képek kép beszúrása: <img src="kep.jpg" align="left" hspace="10" vspace="10" border="1" /> kép elérése (relatív/abszolút) rendezés: left, right, middle, vízszintes/függőleges távolság keret egyéb tulajdonságok: width="100px" height="100px" width="50%" height="30%" kép, mint link <a href="oldal.htm"><img src="kep.png" alt="leiras" /></a>
20 Példa <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>képek</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <p><font color=yellow><img src="kep1.jpg" align="left" hspace="10" vspace="10" border="1" /></font>ha az aktuális lapra akarunk képeket behozni, az "IMG" kulcsszóval megtehetjük. Bekeretezhetjük a képet, és a szöveg mögé (ALIGN=right) vagy elé (ALIGN=left) tehetjük, úgy, hogy a szöveg a képet "körülveszi".</p> <p><font color=blue><img src="kep2.jpg" align="right" hspace="10" vspace="10" border="2" width="120" height="80" /></font>a "BORDER" mögött a keret méretét, a HSPACE ill. VSPACE mögött a kép mellett ill. az alatta-fölötte levõ üres rész méretét (képernyõ pontokban) adhatjuk meg. A keret színe az aktuális betûszín, amit minden képre külön beállíthatunk. Ha nem az eredeti méretében akarjuk a képet mutatni, akkor a "HEIGHT=" ill. "WIDTH=" paraméter is szóba jöhet. (Ezt is képpontokban mérve.) Ilyenkor torzulhat a kép, ha rossz arányban méretezzük át.</p> </body> </html>
21 Táblázatok sablon <table border="1"> <caption>táblázat leírás</caption> <tr><th>fejléc 1</th><th>Fejléc 2</th></tr> <tr><td>1. sor, 1. oszlop</td><td>1. sor, 2. oszlop</td></tr> <tr><td>2. sor, 1. oszlop</td><td>2. sor, 2. oszlop</td></tr> </table>
22 Táblázatok TABLE tulajdonságok cellpadding=hossz a cella kerete és tartalma közti üres hely mérete cellspacing=hossz a cellák közötti távolság width=érték a táblázat (vagy akár a cella) szélessége bgcolor=szín a táblázat (vagy cella) háttérszíne background="hatterkep.jpg" a táblázat (vagy cella) háttérképe
23 Példa <TABLE BORDER="3" BGCOLOR=silver CELLPADDING="4"> <TR><TH>Cella háttérszíne</th><th>szín neve</th> <TH>RGB kódja</th></tr> <TR><TD BGCOLOR=black> </TD><TD>black</TD> <TD>#000000</TD></TR> <TR><TD BGCOLOR=blue> </TD><TD>blue</TD> <TD>#0000FF</TD></TR> <TR><TD BGCOLOR=cyan> </TD><TD>cyan</TD> <TD>#00FFFF</TD></TR> <TR><TD BGCOLOR=green> </TD><TD>green</TD> <TD>#008000</TD></TR> <TR><TD BGCOLOR=magenta> </TD><TD>magenta</TD> <TD>#FF00FF</TD></TR> <TR><TD BGCOLOR=red> </TD><TD>red</TD> <TD>#FF0000</TD></TR> <TR><TD BGCOLOR=white> </TD><TD>white</TD> <TD>#FFFFFF</TD></TR> </TABLE>
24 Példa
25 Cellák egybeolvasztása <TABLE WIDTH="50%" BORDER="1" BGCOLOR=limegreen CELLPADDING="15"> <TR> <TD WIDTH="25%"> Elsõ sor</td> <TD COLSPAN="3"> három összevont oszloppal</td> </TR> <TR> <TD ROWSPAN="2">2. és 3. sor 1. oszlopa összevonva</td> <TD WIDTH="25%">Ez a</td> <TD WIDTH="25%">2.</TD> <TD WIDTH="25%">sor</TD> </TR> <TR> <TD>Ez a</td> <TD>3.</TD> <TD>sor</TD> </TR> </TABLE>
26 A BODY tulajdonságai BACKGROUND="kép.jpg" háttérkép BGCOLOR="szín" háttérszín TEXT="szín" az oldal szövegének színe LEFTMARGIN="hossz" bal margó vastagsága RIGHTMARGIN="hossz" jobb margó vastagsága TOPMARGIN="hossz" felső margó vastagsága BOTTOMMARGIN="hossz" alsó margó vastagsága
27 Oldal szerkezete táblázattal <html> <head> <title>oldal</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <table width="80%" border="0" bgcolor="#cc0000" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" bgcolor="#990000" align="center" height="100px">fejléc</td> </tr> <tr> <td width="20%" bgcolor="#ff6600" align="center" valign="top"> <p>navigációs menü</p> <table width="90%" border="1" cellpadding="10px" cellspacing="0" bgcolor="#009900"> <tr><td><a href="#">link 1</a></td></tr> <tr><td><a href="#">link 2</a></td></tr> <tr><td><a href="#">link 3</a></td></tr> <tr><td><a href="#">link 4</a></td></tr> </table> <p> </p></td> <td align="center">tartalom</td> </tr> </table> </body> </html>
28 Oldal szerkezete táblázattal
29 IFRAME beágyazott keret <html> <head> <title>oldal</title> <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> <table width="80%" border="0" bgcolor="#cc0000" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" bgcolor="#990000" align="center" height="100px">fejléc</td> </tr> <tr> <td width="20%" bgcolor="#ff6600" align="center" valign="top"> <p>navigációs menü</p> <table width="90%" border="1" cellpadding="10px" cellspacing="0" bgcolor="#009900"> <tr><td><a href="t1.htm" target="tartalom">link 1</a></td></tr> <tr><td><a href="t2.htm" target="tartalom">link 2</a></td></tr> <tr><td><a href="t3.htm" target="tartalom">link 3</a></td></tr> <tr><td><a href="t4.htm" target="tartalom">link 4</a></td></tr> </table> <p> </p></td> <td align="center"><iframe allowtransparency="true" height="500px" width="99%" scrolling="auto" name="tartalom" src="t1.htm">tartalom</iframe></td> </tr> </table> </body> </html>
30 IFRAME beágyazott keret t1.htm <html> <head> <title>untitled Document</title> <meta http-equiv="content-type content="text/html; charset=iso "> </head> <body> <h1 align="center">tartalom 1</h1> </body> </html>
Webprogramozás HTML alapok 2. 3. előadás
Webprogramozás HTML alapok 2. 3. előadás Hivatkozások - linkek Link: más webes tartalomra történő irányítás Hivatkozások - linkek abszolút hivatkozás fizika kar weboldala
HTML kódok. A www jelentése World Wide Web.
HTML kódok A www jelentése World Wide Web. A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek ki. A honlap felépítése (csak
Képek a HTML oldalon
Képek a HTML oldalon Utolsó módosítás: 11/22/2004 13:07:28 Háttérkép Ahhoz, hogy az adott oldal háttérképpel rendelkezzen, a részben el kell helyeznünk a background="kep" paramétert, ahol a kép
Táblázatok. Utolsó módosítás: 11/22/ :07:23
Táblázatok Utolsó módosítás: 11/22/2004 13:07:23 A táblázat megadása a tag használatával lehetséges. A és tageken belül, a elemekkel adhatjuk meg a táblázat sorait. A elemek a sorokon
HTML alapok. A HTML az Internetes oldalak nyelve.
A HTML az Internetes oldalak nyelve. HTML alapok Karakteres szövegszerkesztővel (pl. Jegyzettömb) szerkeszthető. FONTOS, hogy az elkészült oldal kiterjesztése ne txt, hanem html legyen! Felépítése: Két
ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK ÁLTALÁNOS HTML KÓDOLÁSI TUDNIVALÓK
ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK HTML dokumentum = weblap = weboldal = webpage Egy HTML dokumentum kiterjesztései: HTM vagy HTML STÍLUSLAP = Egy vagy több HTML utasítás, értékekkel ellátott paramétereinek
HTML kódolás Web-lap felépítése. Az egész törzsre érvényes utasítás. <HTML> web-lap kezdő utasítás: a dokumentum kezdődik, a böngészőnek szól
HTML kódolás Web-lap felépítése web-lap kezdő utasítás: a dokumentum kezdődik, a böngészőnek szól fejléc kezdő utasítás: a böngészőnek és a kereső robotoknak szóló elemek Fejléc elemek,
Internet, Az internet főbb szolgáltatásai web keresőszolgáltatásokkal Keresőrendszerek: Kulcsszavas 2) Egyéb keresők: Metakeresők gyűjtőkörű keresők
Web alapok Az Internet, számítógépes hálózatok világhálózata, amely behálózza az egész földet. Az internet főbb szolgáltatásai: web (www, alapja a kliens/szerver modell) elektronikus levelezés (e-mail)
HTML. Szerkesszünk honlapot.. az alapoktól
HTML Szerkesszünk honlapot.. az alapoktól HTML A www jelentése World Wide Web. A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek
A HTML nyelv alapjai
A HTML dokumentum felépítése A HTML nyelv alapjai Minden HTML dokumentum ún. tagokból épül fel. Ezek formája . A legtöbb tagnak létezik kezdő és záró párja is. Zárótag alakja: < tag>. A kettőt együtt
Multimédia 2017/2018 II.
Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime
HTML sablon tervezése
3. Laboratóriumi gyakorlat HTML sablon tervezése A gyakorlat célja: Egy összefüggő HTML illetve CSS nyelvet használó oldal tervezése, amely később sablonként is használható. Felkészüléshez szükséges anyagok:
Honlapkészítés. 1. Előadás Bevezető, HTML. Paksy Patrik
Honlapkészítés 1. Előadás Bevezető, HTML Paksy Patrik Miből áll össze egy honlap? Oldal szerkezete Grafika Tartalom Tervezzünk 800*600-as / 1024*768-as képfelbontásra! Ezek a ma használt legkisebb méretek!
Kövér betűk (bold) 1-es fejléc
A HTML Stuktúra Amint a bevezetőben olvashattuk, minden HTML formátumú szövegfájl a utasítással kezdődik és a záró utasítással végződik. A dokumentumot a fejlécelemek vezetik be, melyek
Weblap készítése. Fapados módszer
Weblap készítése Fapados módszer A számítógép beállítása Ha a kiterjesztések nem látszanak, akkor a következőt kell tennünk: A számítógép beállítása Ha a kiterjesztések nem látszanak, akkor a következőt
Webszerkesztés stílusosan. Készítette: Csécsy László Virgina DeBolt hasonló c. könyve alapján
Webszerkesztés stílusosan Készítette: Csécsy László Virgina DeBolt hasonló c. könyve alapján Tartalom HTML és CSS HTML vs. XHTML, CSS mi micsoda? XHTML nyelvtan: címkék, egyéb követelmények CSS nyelvtan:
HTML alapok 1. Minimális HTML file: <HTML> <HEAD> <TITLE> cím </TITLE> </HEAD> <BODY>... </BODY> </HTML> Formátum parancsok:
HTML alapok 1 Minimális HTML file: cím ... Formátum parancsok: dőlt szöveg félkövér aláhúzott új sor vízszintes vonal
A HTML Stuktúra. Betűtípusok, stílusok <b> <i> <u> <tt> Bevezetés. <b>kövér betűk (bold) </b> Dőlt betűk (italic) <i>dőlt betűk (italic)</i>
Bevezetés Utolsó módosítás: 11/22/2004 13:0 A HTML Stuktúra Amint a bevezetőben olvashattuk, minden HTML formátumú szövegfájl a utasítással kezdődik és a utasítással végződik. A dokumentumot
A HTML Stuktúra. 1. oldal, összesen: 8 oldal. mhtml:file://d:\vizsga\1\html kódok.mht. Betűtípusok, stílusok <b> <i> <u> <tt>
1. oldal, összesen: 8 oldal főoldal weboldalkészítés kereső optimalizálás HTML kód meta elemek képek beillesztése frame táblázatok XHTML XML CSS szabvány JavaScript vista tudás vista telepítése ingyen
Weblapszerkesztési alapok
Weblapszerkesztési alapok Az internet fogalma INTER NET: International Network = Nemzetközi számítógépes hálózat. A gyökerek az 1960-as évekig nyúlnak vissza, a történet katonai fejlesztések civil szférába
Webkezdő. A modul célja
Webkezdő A modul célja Az ECDL Webkezdő modulvizsga követelménye (Syllabus 1.5), hogy a jelölt tisztában legyen a Webszerkesztés fogalmával, és képes legyen egy weboldalt létrehozni. A jelöltnek értenie
HTML, XML szerkesztés
HTML, XML szerkesztés Vezető: Majzik Zsuzsa Előadó: Rigó Ernő http://gdf.tricon.hu/html Előzmények 1960-as évek: GML IBM SGML Standard Generalized Markup Language 1986-os
Számítógép Architektúrák. 3. Gyakorlat (shell és HTML alapok)
Számítógép Architektúrák 3. Gyakorlat (shell és HTML alapok) Gyakorlati feladatok 1 3. gyakorlat feladatai: 1. és 2. bekezdés Eredeti: Google: Linux:Könyvtár és fájlkezelés http://wiki.koczka.hu/index.php/linux:k%c3%
HTML é s wéblapféjlészté s
HTML é s wéblapféjlészté s 1. Melyik országból ered a hipertext-es felület kialakítása? USA Japán Svájc 2. Webfejlesztéskor ha a site-on belül hivatkozunk egy file-ra, akkor az elérési útnak... relatívnak
Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 5.
8. el adás Kovács Kristóf, Pálovics Róbert Budapesti M szaki Egyetem 2013. november 5. Amit megtanulunk HTML alapok CSS alapok Amit megtanulunk HTML alapok CSS alapok A tanítottak alapján a saját honlapotokat
WAP. A Wireless Application Protocol (WAP) a vezetéknélküli eszközök (pl. mobiltelefonok, PDA-k) számára készített alkalmazások nemzetközi szabványa.
WAP A Wireless Application Protocol (WAP) a vezetéknélküli eszközök (pl. mobiltelefonok, PDA-k) számára készített alkalmazások nemzetközi szabványa. A WAP lehetővé tette, hogy a mobiltelefon tulajdonosok
HTML ÉS PHP ŐSZI FÉLÉV
1 HTML ÉS PHP ŐSZI FÉLÉV 2012-10-10 CSS kezdőlépések 2 A CSS és a HTML viszonya 2012-10-10 Hol található CSS kód? 3 Közvetlenül a tag-ek style paraméterében: bekezdés Ekkor a
Megoldás (HTML) <!DOCTYPE HTML> <html>
Búbos banka 20 pont A következő feladatban egy weboldalt kell készítenie a búbos banka rövid bemutatására a feladatleírás és a minta szerint. A feladat megoldása során a következő állományokat kell felhasználnia:
2008/09 ősz 1. Word / Excel 2. Solver 3. ZH 4. Windows 5. Windows 6. ZH 7. HTML - CSS 8. HTML - CSS 9. ZH 10. Adatszerkezetek, változók, tömbök 11. Számábrázolási kérdések 12. ZH 13. Pótlás Alapfogalmak
WEB TECHNOLÓGIÁK 2.ELŐADÁS
Dr. Pál László, Sapientia EMTE, Csíkszereda WEB TECHNOLÓGIÁK 2.ELŐADÁS 2014-2015 tavasz A HTML nyelv alapjai Mi a HTML? A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) Leíró nyelv,
WEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK
ECDL Webszerkesztés, syllabus 2.0 WEBSZERKESZTÉS ELMÉLETI VIZSGAKÉRDÉSEK 1. Mi az FTP? a) Az FTP a multimédiás dokumentumok leíró nyelve. b) Az FTP a weboldalon lévő kattintható elem, amellyel egy másik
XHTML XHTML. HTML nyelv. webprogramozó. Az XHTML nyelv. XHTML dokumentumok szerkezete, HTML 4.0 W3C javaslat 1997 dec., 1998 ápr továbbfejleszt
F bb témakt makörök Leírónyelvek: HTML és XHTML webprogramozó A HTML nyelv fejl dése, lehet ségei és s céljai. c Az XHTML nyelv. XHTML dokumentumok szerkezete, címkék és s szerepük k a dokumentum szerkezetének
BEVEZETÉS A HTML NYELV HASZNÁLATÁBA
BEVEZETÉS A HTML NYELV HASZNÁLATÁBA TARTALOM Bevezetı... 1 A HTML dokumentumok szerkezete... 1 Kezdjük a címmel... 1 Címsorok és bekezdések használata... 2 Színek és háttér... 2 Szövegrészek formázása...
HTML és CSS. Horváth Árpád május 6. Óbudai Egyetem Alba Regia M szaki Kar (AMK) Székesfehérvár
Óbudai Egyetem Alba Regia M szaki Kar (AMK) Székesfehérvár 2015. május 6. Vázlat 1 2 A világháló Története statikus és dinamikus oldal URL DNS-feloldás IP-cím ügyfél (kliens, böngész ) és szerver (kiszolgáló)
Stíluslapok használata (CSS)
2. Laboratóriumi gyakorlat Stíluslapok használata (CSS) A gyakorlat célja: Bevezetés a CSS stíluslapok használatába. Felkészüléshez szükséges anyagok: 1. A 3-as segédlet (CSS) 2. A bibliográfia HTML illetve
(statikus) HTML (XHTML) oldalak, stíluslapok
(statikus) HTML (XHTML) oldalak, stíluslapok Áttekintés A HTML története HTML oldal felépítése Egymásba ágyazható stíluslapok CSS Áttekintés A HTML története HTML oldal felépítése Egymásba ágyazható stíluslapok
HTML alapok. HTML = HyperText Markup Language
HTML = HyperText Markup Language HTML alapok A HTML jelölő nyelv, ami azt jelenti, hogy jelölőelemek (tag-ek) segítségével lehet a tartalom megformázására, elrendezésére vonatkozó utasításokat a böngésző
Webprogramozás szakkör
Webprogramozás szakkör Előadás 3. (2013.03.19) Bevezető HTML felelevenítés HTML elemei Tag-ek, például: , , , Tulajdonságok, például: size, bgcolor Értékek, például: 4, black, #FFFFF
4. rész. HÁTTÉR BEÁLLÍTÁSA Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk a háttérszínét.
HTML HÁTTÉR BEÁLLÍTÁSA, KÉPEK A WEBLAPON HIPERLINKEK, HIVATKOZÁSOK DOKUMENTUM ADOTT PONTJÁRA VALÓ UGRÁS 4. rész HÁTTÉR BEÁLLÍTÁSA Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk
ü ö ú ö ú ü ö ü Á Ó ö ö ö ö ú ü ú ü ü ú ú ö ö ü ü ú ü ü ö ö ű ö ü ü ü ü ö ö
Í Á Ö Ú Á Á Ó Á ö ú ú ö ú ú ö ü ü ű ü ű ö ö ü ű ö ü ö ú ö ü ú ö ö ü ü ö ü ű ö ö ü ű ö ö ú ö ö ú ú ü ö ú ö ú ü ö ü Á Ó ö ö ö ö ú ü ú ü ü ú ú ö ö ü ü ú ü ü ö ö ű ö ü ü ü ü ö ö ü ö ü ö ö ü ö ö ú ö ü ű ö ü
ő ő ő ő ú É ü ú ú ű ú ű ő ő ő ő Á Á ü ő É É É É É É Á Ú Á Á ő ő ő ő ő É Á Á Á ő ő ő Á ü ő ő ü
ő É ő ő ő ő É Ü Ö Ö Ö Í Ö Ö Ö ő Ó Ó Ö Ö Á É É É ő Á É Á Á Ú Á Ú Ö Ö Á Ú Ö Á ű Á ú ő ő ü ü Ó ő ő ő ő ú É ü ú ú ű ú ű ő ő ő ő Á Á ü ő É É É É É É Á Ú Á Á ő ő ő ő ő É Á Á Á ő ő ő Á ü ő ő ü ő ő ő ő Á ü ú ú
ú ú ü ü Á ú ú ü ű ű ú ü ü ü ü
ü ü ü ú ú ü ű ü ű ü ü ű ü ü ü Í ú ú ü ü Á ú ú ü ű ű ú ü ü ü ü ú ü ü Á ű ü ü ü ü ü ü ü ú ü ü Í ú ü É Ö Ö ú Ö Ö Ö ú ú ü ú Á Ö Á ú É ü ú ú É ú ú ú Ü ü ű ú ű É ú ű ü ü Á ú É ü ű ü ú Á É É ú ü Ö Ö Ö ú ú Á Ö
ú ú ö ö ü ü ü ü ű ü ü
Ü ú ű ű ú ű ú ú ö ö ü ü ü ü ű ü ü ö ö ö ö ö ö ű ö ö ö ö ö ö ö ö ö ü ü ü Ú ú ü ű ü ú ű ö ű ú ö ö ö ö Á ú ú ű Á ú Á Á Á ü ö ö Á ö ö ü Á ú Á ú Á Á Ö Á Á ö ű ö ö ü ú ü ú ö ú ű ú ú ü ü ü ü ű ű Ő ú ö ű ú ú ű
ő ö ő ú ő ö ö ő ó ő ö ü ú ö ö ó ő ö ü ó ó ó ó ő ő ő ó ó ú ő ü ő ö ö ó ü ö ö ő ű ö ö ő ú ú ó ö ő ű ö ó
ö ú Á ő ű ü ő ó ö ö ú ö ú ü ó ó ű ö ú ó ó ó ő ö ö ő ú ó ö ö ő ő ő ő ö ű ü ü ü ő ü ü ő ő ü ó ő ő ö ő ú ő ö ö ő ó ő ö ü ú ö ö ó ő ö ü ó ó ó ó ő ő ő ó ó ú ő ü ő ö ö ó ü ö ö ő ű ö ö ő ú ú ó ö ő ű ö ó ó ü ű
É ő ő ű ú Á ő Á ő ű ő ő ő ő ő ő ő ő ű ú ű ű ő ő ő ű
ő ő ű ú Á ő ű ő ő ő ő Ö Ö Í Á É Á ő Ö Ö Í ő ő ő ő É ő ő ú ú ú ő Á Ö É ő ő ű ú Á ő Á ő ű ő ő ő ő ő ő ő ő ű ú ű ű ő ő ő ű ő ű ő ú Á ő ű ő ő ő ő ő ő Ö ő ú ú Ö ő ő ű ú Á ő ú Ó ű Ó ú ú ú ő ő ú ú ő ő ú ő Ú ú
ö ö ö ö ö ö ö ü ö ü ö ű ö ú ü ű ö ü Í ö ú ü ü ű ö ú ü Á ü
Á Ó ö ü ü ü ú ú ü ü ö ü Ő ö ö ö ü ú ü Á ö ö ö ö ö ö ö ö ü ö ü ö ű ö ú ü ű ö ü Í ö ú ü ü ű ö ú ü Á ü ö ö ü ü ö ü ö Ó ö ö ü ü ö ü ö ú ö ú ü ö ü É É Á ü ű Ö ű ú ö ö ú ö ú ö ú ö ű ü Ö ö ű ü ú ö ü ú ű ö ű ú
ö ö ó ú ö ö ú ü ó ö ö Í ö ö ö ü ó ö ö ú ú ö ü ó ü ó ü ö ú ü ó ü ö ó Á Á ö ü ú ó ö ü ü ö ó ü ü Á ü ö ü ö ü ö ö ö ü ö ú ö ö ö ü ú ö ú ö ű ú ú ü ö ó ö ö
ö ö Ő Ö ü ö Ö ü ü ü ó ö ö ö ü ö ú ü ü ö ö ú ú ö ú ó ú ó ü ú ú ú ú ó ú ö ú Á ö ö ö ó ú ö ö ú ü ó ö ö Í ö ö ö ü ó ö ö ú ú ö ü ó ü ó ü ö ú ü ó ü ö ó Á Á ö ü ú ó ö ü ü ö ó ü ü Á ü ö ü ö ü ö ö ö ü ö ú ö ö ö
ő ő ő ő ő ő ú ő ü Á ü ü ő ő ő ő ő ő ő ő ő ő Ö Ó ő ő ő Ö ő ő ő
ő ő ő ü ő ő ő ő ő ő ő ú ő ü Á ü ü ő ő ő ő ő ő ő ő ő ő Ö Ó ő ő ő Ö ő ő ő ő ü ő ő ű ü ő ű ő ő ő ő ü ő ő ő ü ő ű ő ő ő ü ő ü ő ő ü ű ő ő ü ü Á ő Á ű ű ü Á ő ű ű ő ű ű ü ű ő ő ő ü ő ű Ó ü Í Á ő ű ő ő ő ő ü
ó ú ú ü ú ő ó ő ő ó ó ó ö ó ü ő ó ő ö ü ü ó ö ő É ó ö ö ö ó ó ö ü ü ö ü ó ó ő ó ü ó ü ü ö ö É ú ó ó ö ú ö ü ü ó ó ó ü Á ö ö ü ó ö ó ö ö ö ö ó ó ö ó ó
Ü Ű Ö É Á Á ö É É Ö Ú Ü ö ü ő ő ö ő Á ő ó ő ü ü ö ö ú É ű ó ü ű ö ú ü ö ó ö ö ü ű ö ó ó ö ö ö ö ü ű ö ő ö ö ó ö ö ő ó ő ü ő ó ő ö ö ő ü ü ö ő ó ú ú ü ú ő ó ő ő ó ó ó ö ó ü ő ó ő ö ü ü ó ö ő É ó ö ö ö ó
é ú é é é é é é é é é é é é ú é ö é é é ö Ő é é é ú é é é é é é é é ö é é é ö é Ö é é ö é ö é é é ű é ö ö é ö é é ö ö é é ö ö é ö é Ö é ú é é é é é é
é ű ö Ö é é ö ú é é é é ö ö é ö é é é ö ö é é é ö ö é ű é é ö é é é é é é é é é é ö é ö é é é ű ö ű ö é é é Ö Ú Í é ö é é Ő ö ö ú é é é é é é é é é é ű é é é ú é é é ű ú é é é é é ö é ö é ö é é ö é é é
Í Í Ó ű Ü Ó Ó Ü ü Ö Í Ü Í Í ú Ö Ó Í ú ú Ö Ó É Í ű ú
ű É Í Á Á Á Ó É Á Á Ó Í Ö Á Á Á Ö ü Í Ó Í ű ű ü ú Í Í Ó ű Ü Ó Ó Ü ü Ö Í Ü Í Í ú Ö Ó Í ú ú Ö Ó É Í ű ú ü Í ú Ü Ű Ó Ó Í ú Í ú Ö Ó ü Ü ü ű Ó ú Í ü É Í Í Á Á Ó Í Á ú Ö Í Ó ú ú ú Í ú ú ű ú Ü ü ü Í Á ü ú Í ú
É Í ü ú É ü ő ő ő ő ú ő ú ü ü ő ü ú ü ű ú ú ü ü Í ü ű ő ő É ő
ő Ü É Í ü ú É ü ő ő ő ő ú ő ú ü ü ő ü ú ü ű ú ú ü ü Í ü ű ő ő É ő ő ő ú ő ő ő ú ő ü ú ű ő ű É Í ő É Ü Í ő ü ő ő ő ő ő ő ú ü ű ő ú ő ű ő ő ő ű ő ű ő É Í Ú Ö Á Á É Á Á Á Ő Á É Á Ö Á Ö É É É ü ő Á ő ú ü ő
Ö Ö Ú Ó Ö ű Ő Ő ű ű Ü Ő Ó Ő
ű É ű ű É Ö Ö Ú Ó Ö ű Ő Ő ű ű Ü Ő Ó Ő É Ó Ó É ű Ö ű Ö ű ű ű Ú Ú Ö ű ű ű Ö ű ű ű ű ű ű ű ű Ú É É É É Ö Ö Ú Ö É ű ű ű ű ű ű ű Ó ű Ö Ö ű ű ű É ű ű ű ű ű ű ű ű ű É ű ű ű ű ű ű ű ű ű ű Ö ű ű ű Ü ű ű ű ű Ö ű
ú ü ü ú Ö ú ü ü ü ü ü ú ü ú ü ű Í ü ü ű ü ű Ó ü Ü ű ú ú Á ü ű ű ü ü Ö ü ű ü Í ü ü
ű ü ü ú ü ú ú ű ü ú ú ü ü Ó Ö Í ü ú ú ű Ö ú ú ú ü ü ú ÍÍ ú ü ü ú Ö ú ü ü ü ü ü ú ü ú ü ű Í ü ü ű ü ű Ó ü Ü ű ú ú Á ü ű ű ü ü Ö ü ű ü Í ü ü ü Ü ü ü ú ü ű ü ü ü Ü ú ú ü ü ü ü Í ü ü ú ű ü ü ü ü ü ü Í Í ü
ű í ú ü ü ü ü ü Ó í ü í í í É Á
ü ű ü ú ű í ú í ű í ú ú ú ú ű í ú ü ü ü ü ü Ó í ü í í í É Á ű í í í Á ü É í í Ö Ö Á í Á É Á ú ú ú í ű í ú ű í í í É í í É í ű í ü í ú ű í ű í É í Ú í í í ű í ú ű í í í ü í í ú í ú í Ö ű í í í ü ü Ő í í
é ö é Ö é é ő í ó í é ő ö ú é ó é ő ü ü é ó ö é é ó é é ö é ő í é é ő é é ö é ű ö é í ó é é í ö í ó í ó é é ö ó í ó ó í ó é é ö ő í ó ó í ó ü é í ü
é í ü é ö é é ő ü é é é ú é ó Í é é ő Í é ó ö í é ö é Ö é é ő í ó í é ő ö ú é ó é ő ü ü é ó ö é é ó é é ö é ő í é é ő é é ö é ű ö é í ó é é í ö í ó í ó é é ö ó í ó ó í ó é é ö ő í ó ó í ó ü é í ü é ö ő
ő ő Ű ü ú ú Ú ü ű ő ő ő ő Á Á Í ü É ő ő ő ő ő É ő ú ú ú ő Á Ö ő
ő ő ű ú ő ü ü ü ü ü ő ő ü ü ü ü ü ü ü ü ü ő Ö ő ő ő ő ő Ű ü ú ú Ú ü ű ő ő ő ő Á Á Í ü É ő ő ő ő ő É ő ú ú ú ő Á Ö ő ő ű ő ú ü ú ő ő ő ő ő ő ő ő ő ő ő É ü ű ő ü Á ő ú ű ű ő ő ő É ü ű ő ő ő ű ú ü ú ő ő ő
É Ö Á Í Á Ó Ö ü
Ö ű Ö ő ü ő ő ő ű Ö Ö ü Á Á É Ö Á Í Á Ó Ö ü Ö ű ű Ö ű ű ú ű ű ú ú ő ő ü ű ű É Ö ú ű ő ű ű ú ő ü Ö ú ú ő ő ú ű ü ő ü ű ú ú ű Ü ő ő Ó ü É Ó Ö Ö ú ü ü ü ü Ű ú Ö Á ü É Ó ű Á Ö Á ű ü ú Ö ű ű ű ü ő ő ő Á ő ő
ö ö Ö ó ó ö ó ó ó ü ö í ü ú ó ó í ö ö ö ó ö ü ú ó ü ö ü ö ö Ö ü ö ö Ö ó
ü ö ö Ö ü ü ö ö Ö ö ó ö ú ó ü ö ö ö Ö í ó ü í í ü ö í í ó ó ü ö ü ö ö ü í ó ö ö Ö ó ó ö ó ó ó ü ö í ü ú ó ó í ö ö ö ó ö ü ú ó ü ö ü ö ö Ö ü ö ö Ö ó ö ö Ö ü í ö Ö ö ö ó ü í ö ó ó ü ö ó í ü ü ü ö ö ü í ü
Í ö ö ű ú ö ö Í ö ü ö ü
Í Í ö ú ö ö ö ö ű ö ö ö ö Í ű ű ö ü ú ö ú ú ű Í ö ö ű ú ö ö Í ö ü ö ü ö ú ü ü ö ú ö ű ö Í ű ú ú ö ú ú ű Á É Á ö ű ú Í ö ö ü Í ú ö ú ö ö Í ű ö Í ú ö ö ö Í ö ö ö ö ö Í ö ö ö Í ö ö ö ö Í ű ö Í ú ö Í ö ö ű
í ö Á ö ö ö Á í ö ű ü í í ű ö ú ü íí ö ű ö ü ú ü ö í ü ű í ö ö ü ü í ö ü ö ű ö í ű ü í ö í í ü í Á Á í í ü ö ö ü ű í í ö ö ü í ű ü ö í ö ű ü í í ű ö í í í ö ö í ö ö ö ö ö ö í í ű Á Á Á Á Á í í ú í ö ö
Ü ű ö Á Ü ü ö ö
Í Í Ü Ú ö ú Ö Ü ű ö Á Ü ü ö ö ú ü ü ö ü ö ö ö ö Ü Ü ö ö ö ö ö ü ü ö ü Ü ö ú ü ö ü ö ű ö ű Ü ü ö É ö ü ü ö ö ö ö ö ö ö ö Ó ö Ü ü Ü ü ü ö ö ö ö ö ö ö ú ü ö ű ü ö ú ű Ü ö ö ö ü Ü Ü Ü ú ö ö ü ű ö ű ö Á Á Í
í Ó ó ó í ó ó ó ő í ó ó ó ó
í Ú Á Í í Ó ó ó í ó ó ó ő í ó ó ó ó í Ó Ó í ő ó Í í í í Ó í ó í í Ő É Ú Ű Í É Á ó Á É É ó ó í É Ü Í ő í ó í ó í Ő Ő Á Ó Ó Á É É Á Á É É Ő Á Ú É í ó Á í Á í í ő í í Ő Ő É Ú Ű Í É Á ó Á É Ö Í Í É ó ó í Ú
ö Ó ű ö ó í ó ü ö Ó ó í ö ö ó Ö ó ö í ó í ó Á í ó Á Á Ő ú ü ó Í ü ú ü
ú Ö Ú ú ú ó Ő Ö ü Ú ú ö Ö Í ó í ü ü ó ó ó Í ö ö ö ö í ü ó ö ü ü ú í ű ö ó ó ö ö ö ű ö ó ó ö ö Ó ű ö ó í ó ü ö Ó ó í ö ö ó Ö ó ö í ó í ó Á í ó Á Á Ő ú ü ó Í ü ú ü ü ö ö ó ó Í ü ö ó ú ü ü ö ó ö ö Í í ó ó
Í Ú É ő ő ú ö Ö ú ú ú ö ö ú ö ö ű ö ő ö ö ú ö ő ő ö ö ö ő ő ú ő ú ö ö ö ú ö ö ú ő ö ú ö ű ö ő Ó ő Á ö ő ö ö
ö ú ö ö ú ö ú Ü ő ú ő ö ő ő ő ö ö Í Ú É ő ő ú ö Ö ú ú ú ö ö ú ö ö ű ö ő ö ö ú ö ő ő ö ö ö ő ő ú ő ú ö ö ö ú ö ö ú ő ö ú ö ű ö ő Ó ő Á ö ő ö ö Ú ő ö ő ő ő ö ú ú ú ő ö ő ö ő ő ő ö ö ö ö ő ő ö ő ú ő ö ú ö
í ó ő í é ö ő é í ó é é ó é í é é í é í íí é é é í é ö é ő é ó ő ő é ö é Ö ü é ó ö ü ö ö é é é ő í ő í ő ö é ő ú é ö é é é í é é í é é ü é é ö é ó í é
ű ű ö é ő ó í ö ő ü é ő é ü ő ö ő ö é é í ö ő ö ó ő é ó í ö ő ü é é é é é ő é é é é í ő ö é é ő ű ő ö í ö é é é Ö ű ú ő é é ű ő í ü ö é é ő ó ö ö ő é é é é é é é é é é ő ü í í é ú í í í Ú í é ú é ő ó ó
ű ú ú Ö ó Ö ó ó ó Ö ű ó ű ű ü Á ó ó ó ó ü ó ü Ö ó ó ó Ö ű ű ü Ö ű Á ú ú ú ó ű í í Ő ú Á É Ö í ó ü ű í ó ű ó Ö ú Ő ú ó í ú ó
ü ű ú ü ű ú ú Ö ó Ö ó ó ó Ö ű ó ű ű ü Á ó ó ó ó ü ó ü Ö ó ó ó Ö ű ű ü Ö ű Á ú ú ú ó ű í í Ő ú Á É Ö í ó ü ű í ó ű ó Ö ú Ő ú ó í ú ó ü í í í í ó ü ó Ö ó ü Ö í ó ű ó ó ó Ö Ö ó ó í í Ö Ö ó ó í Ö ó ű í í ü
Í Í Í Ü Ó Ó Ö Á Ü Ü Ó Ü Ü Ó Ö Í É Ö
Ö É Ö Í Í Í Ü Ó Ó Ö Á Ü Ü Ó Ü Ü Ó Ö Í É Ö Ü Ü Á É Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ú Í É Ó Á Ü Á É Á Ü Í Í Í Í Ü Í Í Í Í Í É Ö Á Í Á Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Ü Í Í É Í Í É É Í Í Í É Í Ü Í Ü Á Ü Ü
ő ö ő ű ó ö ó ű Í Ö Ö Á Í Ó Ö Ü É Ö Ö Ö Á Á Ö É Á Ö
Í Í Ő Ó Ü Ö Ő ő ö ő ű ó ö ó ű Í Ö Ö Á Í Ó Ö Ü É Ö Ö Ö Á Á Ö É Á Ö ő ö ő Í ó ö ó ú Í Ö Í ÍÍ É Ó Ü Ü Ó Ó Ö É Ö ő ö ő ű ó ö ú Í Ö Í Ö Í Ö Ó Ó Ó Ó Ü Ö Ü Ü É Ú Ö Ó Ó Í Í ő ö ő ű ó ö ó ú É Ö Í Í ÍÍ Í Í Í É Í
Ö ő ü Ö Ö Ő ü ő Ö Ö ü ű Á Í Ö ű ü ő ő ő Ö ü ü ő ő ő Ü ü ő ő ő ü ő ő ü ü
Ö ő ü Ö ő ü Ö Ö Ő ü ő Ö Ö ü ű Á Í Ö ű ü ő ő ő Ö ü ü ő ő ő Ü ü ő ő ő ü ő ő ü ü ü ő ő ő ú ű ő ő ú Ö ő ü ő ő Ö ő ü ő ő ő ő ő ő ü ü ő ő Ö ő Í Ö Ö Ö ü Ü Ö ő ő Ö ü Ö Ö ü Ö Ö ü Ö Ü Ö ü ü ü ő ű Ö ő Ö ü ü ü ő Ű
ö ü ü ú ó í ó ü ú ö ó ű ö ó ö í ó ö í ö ű ö ó Ú ú ö ü É ó í ö Ó Á í ó í í Ú ö ú ö ű ü ó
ö Ö ó ü Ú ú ű ó ú ü ö Ö ü ó ü ü ó ó ö ö ó ó ö Ú ö í ó ö ö ö í í ú ü ó ö ü ü ú ó í ó ü ú ö ó ű ö ó ö í ó ö í ö ű ö ó Ú ú ö ü É ó í ö Ó Á í ó í í Ú ö ú ö ű ü ó ó ó Ó Ú ö ú ó í í ú ó ö ü ü Ö ó ü ü í Ö Ö ú
ú ű ű É ü ű ü ű ű í ü í ő í Ü ő ő ü ú Í ő ő í ú ü ü ő ü
ü ü ü ü Ó í Ó Éü í ú ű ű É ü ű ü ű ű í ü í ő í Ü ő ő ü ú Í ő ő í ú ü ü ő ü ű ű ű í ü ő ű ü ü ő ú ú ő ü ő ő ő ü ú ű ú ú ú ő ő ú ő ő í ú í Ó ú ü ő ú ú ú ű ú ú Ű ű ő ű ű ő Á ü í ü ú ü í ú ő ú ő ű ő í ő ő
í ó í ó ó ó í í ü ú í ú ó ó ü ü í ó ü ú ó ü í í ü ü ü ó í ü í ü ü í ü ü í ó ó ó í ó í ü ó í Á
Ö ü ó Ö ü ó ó ó ó ó ó ó ó ó ó í ü í í ü ü ü ü ó ü ü ú ó ü ü ü í ó í ü ü í ó í ó í ó ó ó ó í ó ó ó í í ó ü ú É Ö í í í ú ó í ü í ó í ó ó ó í í ü ú í ú ó ó ü ü í ó ü ú ó ü í í ü ü ü ó í ü í ü ü í ü ü í ó
ö ö ö Ö ö ú Ö í Ö ű ö í Ö í ö ü ö í ú Ö Ö ö í ű ö ö í ö ö Ő ö í ü ö ö í Ö ö ö í ö í Ő í ű ű í Ö Ó í ö ö ö ö Ö Ö ö í ü ö ö Ö í ü Ö ö í ö ö ö ö ö Ö ö í
Á ö Á Á É Ö í ö Ö Á Ó Ű ú ű Ü ö ö ú ö ú í ö í ö ö ö í Ö ö í ö Ő ü ö ö í Á Ö Ú ű Ö í Ö ö ö Ö ü ű ö ű ö Ö ü ö Ö Ö Ö ö í ö ö Ö ö í Ö ö Ú ö ö ö ö Ö ö ú Ö í Ö ű ö í Ö í ö ü ö í ú Ö Ö ö í ű ö ö í ö ö Ő ö í ü
ű Á ü ő ö í ö ö ő ő ő ő ö
Á É í ü í í í ü í í ö í ű í í í í í í í í í ü ő ö ö ö ű ő ö ű Á ü ő ö í ö ö ő ő ő ő ö ö ő ő ő ö ö Ű ú Á ö ú ú ö ü í ő ő ú É í í ő ö í ö ú í ő ü í í í í í ö í ű í í í í í í í í í ü ő ö ö ö ű ű ő ű ü í Ö
í ü í ü ő ő ü Í ő ő ő ú í ő ő ö ö ö ű ü í ő ő í ú ö ö ú ő ő ú í ő í ő ö ö í ő ü ü í ő ö ü ü ú í í ü ő í ü Í í í í ö ő ö ü ő í ő ő ü ű ő ő í ő í í ő ő
ö Ö ő ü ü ő Á ü ö ö ő ő ű ő ü ő Ö ö ő í ő ö í ö ö ő ő ö í ú Á Á Á í Á í ü Á ő í í ő Á í ő ő ú ő ö ö ő Í í ő ő í í ö í ő Ó ő ő í ö ő ő ü ö ö ő ö í ö ő í ü í ü ő ő ü Í ő ő ő ú í ő ő ö ö ö ű ü í ő ő í ú ö
ű ú ü ü ü Í ü ö ü ö ü ö ü Ó ü ö ü ö ö ü ű ű ú ü ö ö ü Ó ö ű ü ö ú ö ö ü ü ű ü ü ö ö ü ü ú ö ö ü ü ú ü
ű ö ű ö ü ú ú ú ö ö Í ú ü ú ú ö Í ü ö ü ü ö ü ö ü ü ű ö ü ü ö ü ú ú ú ú ú ű ú ü ü ü Í ü ö ü ö ü ö ü Ó ü ö ü ö ö ü ű ű ú ü ö ö ü Ó ö ű ü ö ú ö ö ü ü ű ü ü ö ö ü ü ú ö ö ü ü ú ü ű Á Í ű ű ö ü ö ü ü ú ű ö
ű ú Í Ó Á ú Ű ű Ő Ö Á ú Ű Ü ú ú Á ú ű
É Á É É Ó Á ű Á ű ú ú ű ű ú ű ű ú Á ú ű ú ű ú ű ú ű Á ű ú ű ű Ö Ú Á ű ű Á ű ű ú Í Ó Á ú Ű ű Ő Ö Á ú Ű Ü ú ú Á ú ű ű ú ű ű ű ű ű ú ű ű ű ű ű ű Á ú ű ű ú ú ű ű ű ű ű ú ű Á ű ű ű ű ű ű ú ű ú ű ú ű Ö ú ű Ö
É ú É ö ö ű ö ö ö ú ú ú ű ű ú ö ű ö ű ű ü ö ö ü ű ö ü ö ö ö ö ú ü ö ö ö ú ö ö ú ö ö ú ü ú ú ú ű ü ö ö ű ú ű ű ü ö ű ö ö ö ű ú ö ö ü ú ü ö ö ö ü ú ö ű
É É É Ó Á É ú É ö ö ű ö ö ö ú ú ú ű ű ú ö ű ö ű ű ü ö ö ü ű ö ü ö ö ö ö ú ü ö ö ö ú ö ö ú ö ö ú ü ú ú ú ű ü ö ö ű ú ű ű ü ö ű ö ö ö ű ú ö ö ü ú ü ö ö ö ü ú ö ű ü ű ö ö ú ö ú ö ö ö ö ö ü ú ü ö ö ö ö ö ü
ó É ó í ó ó í í ö í ó í ö ö ö ü ö ó ó ó ü ú ö ü ó ó ö ö ü ü ü ö ö ó ö í ó ű Ü ó í ú í ö í ö í Í ó ó í í ö ü ö ö í ö í ö ö ö ü ó í ö ö ó í ú ü ó ö
Á Ö É Á É Ő Ü Ü ü ö Ö ü ú ö í ü ü ó ó Á ö ó ö ö ö Ö í ü ü ü í í ü ü ö ü ü ü ü ö í ó ó Ő ó ó ö ó ö í ü í Í ó í ó ö í ó ó ö ó ó ö ó ó É ó í ó ó í í ö í ó í ö ö ö ü ö ó ó ó ü ú ö ü ó ó ö ö ü ü ü ö ö ó ö í
ó ö í í ü Ű Ö ó ó ű ö ü Í í í ö Ö Ó ö Ű Ö ú ó ó í í ű ö ö ö ö í ó ö ö í ö ű ö ű ö ö ö ö ö í ó Ö Ö ü ú ö ó ü ö Ö ű ö Ö ü ó ö ö ó ö ö Ó í ű ö ű ö ö ű í
ö Ö ü ö Ü Ö Ö ü ú í Ó ü ü ö ó ö ö Á ó ó ó ü í ö í ö ö ó ö ö í í Ő í ó Ő ü ú ó ö ö ó ö í ü ó ó ö í ó í ó ö í í ü Ű Ö ó ó ű ö ü Í í í ö Ö Ó ö Ű Ö ú ó ó í í ű ö ö ö ö í ó ö ö í ö ű ö ű ö ö ö ö ö í ó Ö Ö ü
ű ö ú ö ö ö ö í ű ö ö ö ű ö ö ö í ü ú í ű í ö í ú ű í ü ö ö ú ö í ö ű ú ü ö ö í ö ü ö ú ű ö ö ö í Á í ü í ö ü ö í ü ö Ő ü ö í ű ü ö í í í í í
ü ö É ű ö ú ö ö ö ö í ű ö ö ö ű ö ö ö í ü ú í ű í ö í ú ű í ü ö ö ú ö í ö ű ú ü ö ö í ö ü ö ú ű ö ö ö í Á í ü í ö ü ö í ü ö Ő ü ö í ű ü ö í í í í í í í ö Á í ű í ü ö í ű ö í ú ű í ű ü ö í ű ö ű ö ö ű ö
í í ü í í í í í Ó ő ő í í í Ú ü Ú í í Ú ő ü Ú ü ő
É Á Á ő ü í ü ü í ü ő ü ő ü ü ü í í í í í ü í í ő í í ü í í í í í Ó ő ő í í í Ú ü Ú í í Ú ő ü Ú ü ő ő í ő í ű ű í í ü í í ő í í í í í ű í ő í í í í ü í ő í ő í ü í ű ő ű ü í ü ü í ő ő ü ő í í Ö ü í ü ü
ü ő ő ü ü ő ő ű í í ű ő ő ő ü ő ő í í ő ő ő ő ő ő ü ü í ő Ö ő ü í ő ü í í ő ü ő í ő ő í í ő ü ü í ő ü í ő í ő í ő ü í ő í ü í í ő
ő Á Á Á Ű Ö É Á Ö ő ő ő ű Ö ű ú ő ü ű ü ü ő ü ő ő ú í ü í í ü ő í ő ő í ő ő í ő ő í ü ő í ű ő ü ű ő ü í ü ü ő ü ü í ü í ü ü Ú í Ő Í ü ő ü ü í Ö í í ü ő ő ü ü ő ő ű í í ű ő ő ő ü ő ő í í ő ő ő ő ő ő ü ü
í í É í ó ó É ö í ó í ó í ó ó í ó í í ó ó ó í ö ö ö ö í í í ó ó ö ó
Á Á Ó Ö Á í í É í ó ó É ö í ó í ó í ó ó í ó í í ó ó ó í ö ö ö ö í í í ó ó ö ó ó í í ó ó ű ű ö ű ú í ö ó ó í ó ó ö ö Ü ú ó Ü ö ö í ö í ó ó ó ű í ó ö ö í í ö ö í ö Í ó ö í ö ö ó ó ö ö í ó ö ö í í ö í ú Í
ű ú ó ó ü í Á Á ú ó ó ó ó ó ó ó ó ó ó ó ó ó ó í ó ü É ű ü ó í ü í í í í í ó í ü í í ó ó Á
ü ű ú í í ü í ű ú ó ó ü í Á Á ú ó ó ó ó ó ó ó ó ó ó ó ó ó ó í ó ü É ű ü ó í ü í í í í í ó í ü í í ó ó Á ó ű ó í Á í ó ü í ó ó í ü ü ű ó í ü í í ü í í í ó í ó í ü ó Ó í ó ó ó í í í ü Í ó ó í í í í ó í í
Ü
Ó Á ú Á É Ü Ö Ö Ö É É É Ö É Ü Ö É É É É É Ó Ö Ó Í Ö Ö Ö Ö Í Ö Ö É É É Í Ö Ö É Ö Í Á Ó Í Á É É Ó É Ú Á Í É É É Ö Ö Ó Ö Ö Ö Ö Ó Ó Ó Í Ü Ö É É Ö Ó Ö Ó ö Ö Ö Ö Ö Ö Ó Ü Ö Ó É ű É É É É É É É É Í Ö Ó Ö É Ö Ö
í í í í ó í ó ö ö í ű ü ó ó ü ú Á Á ó ó ó ó ó ó í ó ö ö ü Ó ö ü í ö ó ö í í ö í ó ó í ö í ú ó ú í ö ú ö ö ö í ó ó ó ú ó ü ó ö í ó ó í í í Á í ó ó ó
Í ö í ú ú ó ú Ö ü Ú ú Ö ü ó ü ó ö ö ó ó ö í ó í ó í Í ó í ö ö ö ó í ü ó ö ü ü ú ó ó ó ó ó ó í ó ó ó í ú ó ó ó ó ó í ü í í í í ó í ó ö ö í ű ü ó ó ü ú Á Á ó ó ó ó ó ó í ó ö ö ü Ó ö ü í ö ó ö í í ö í ó ó
ü ö ö ő ü ó ó ú ó
ö ö ő ü ü ü ő ö ü ö ö ő ü ó ó ú ó Ő Ö ü ö Ö ó ü ü ü ö ö Ö ó ó ü ö ó ő ü ó ü ő ó ő ó ü ö ö ö í í ó ő ú ü ö ö ó ü ö ő í ő ő í ő ü ó ő ü ű ö ú ó ú í ü ó ü ö ó ó ü ö Ö ó ő í ó ő ü ö ü ő ö ö ö ö Ö Ó ő ü ü ó
ü É ö É É ö ö ö ü ö ö Á ű ö ű ű ű Á Í ö ö Ó ö
Ü É ű ü ü ö Í ü ö ö ü ű Í Í ü ű ö Ö ö ö ö Í ü ü É ö É É ö ö ö ü ö ö Á ű ö ű ű ű Á Í ö ö Ó ö ü ü ü Í ü ö ö ö ö ö ö ö ü Í Í ű ö ö ö ü ü ö ü ö ö ö ü ö ö ö ö ü ü ű ü ö ö ö ü ö ü ű ö ü ö ö ű Í ü ü ű Í ö ü ö
É Í Á Á É Ü Ó É É É É Í Ó Ó Ő Á Á É Á É É É É Á É É Á Á É É Á É Í
Í É Í Á Á É Ü Ó É É É É Í Ó Ó Ő Á Á É Á É É É É Á É É Á Á É É Á É Í É Á É Í Í É É Í Í Í Á Í Á Á ö ó ö ö ő ő ő ö ö ó ő ű ö ö ö ö ü ö ö ö ü ü ó ö Á ó ó ö ö ő ő ő ő ö ó ü ó ó ó ó ó ó ö ü ü ó ö Ó Í Í É É