Webprogramozás HTML alapok előadás
|
|
|
- Hunor Fábián
- 8 évvel ezelőtt
- Látták:
Átírás
1 Webprogramozás HTML alapok előadás
2 Hivatkozások - linkek Link: más webes tartalomra történő irányítás
3 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>
4 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>
5 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>
6 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>
7 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>
8 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>
9 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>
10 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
11 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>
12 Példa
13 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>
14 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
15 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>
16 Oldal szerkezete táblázattal
17 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>
18 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>
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
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
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,
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
Á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 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
Webprogramozás HTML alapok
Webprogramozás HTML alapok 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
Multimédia 2017/2018 II.
Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime
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)
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!
Számológép. Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Indító képernyő
Felhasználói dokumentáció Számológép Feladat: JavaScript és CSS segítségével számológép készítése. Futtatási környezet: A http://10.0.0.101/~szabby/szgep.html linkre kattintva megjelenik az oldal. Az oldal
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 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
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. 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
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
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
Természetesen készíts egy csempe nevű könyvtárat és ide mentsd az index.html állományt.
Csempe kalkula tor A küldetésünk az, hogy segítsünk kiszámítani egy fürdőszoba csempeszükségletét (felületét). Sőt, ha a kalkulátort használó ügyfél elégedett egyből elküldheti az e-mail címét, hogy a
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%
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 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:
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
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,
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
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
2. A HTML NYELV ALAPJAI
2. A HTML NYELV ALAPJAI 2.1. Bevezetés Az Internet publikálás és alkalmazásfejlesztés nyelve. A HTML összes lehetőségét felhasználva jól megszerkesztett weboldalakat hozhatunk létre. A HTML (Hypertext
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
4. modul HTML ÉS TARTALOMFELTÖLTÉS 2009.
I N F O R M A T I K A ALAP 4. modul HTML ÉS TARTALOMFELTÖLTÉS 2009. Copyright MaggaM Kft. 2009 Minden jog fenntartva Tartalomjegyzék: HTML alapok... 4 A HTML nyelv története... 5 A HTML nyelv szerkezete...
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:
Webshop készítése ASP.NET 3.5 ben I.
Webshop készítése ASP.NET 3.5 ben I. - Portál kialakíása - Mesteroldal létrehozása - Témák létrehozása Site létrehozása 1. File / New Web site 2. A Template k közül válasszuk az ASP.NEt et, nyelvnek (Language)
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
HTML e-mail sablon készítése a MailMaster szoftver beépített HTML szerkesztőjével
HTML e-mail sablon készítése a MailMaster szoftver beépített HTML szerkesztőjével Tartalom I. Bevezető... 1 II. Általános HTML e-mail sablon készítési irányelvek... 2 A. Design alapelvek... 2 B. Kódolási
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 parancsok (html tanfolyam témakörei)
HTML parancsok (html tanfolyam témakörei) 1. Bevezető HTML, HEAD, TITLE parancs 2. Karakter formázás: félkövér, dölt, aláhúzott, fejléc: H1, H2, h6 csökkenő betűméret új bekezdés, új
Tamás Ferenc: CSS táblázatok 2.
Tamás Ferenc: CSS táblázatok 2. Ez az írás azoknak készült, akik már értik a HTML és a CSS nyelveket, csak használat közben kellene egy adott tulajdonság vagy érték. Kérem, hogy senki se ezzel kezdje a
Sakk játék. Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket.
Sakk játék Felhasználói dokumentáció Feladat: JavaScript segítségével olyan programot kell írni, ami egy sakktáblát szimulál. Kiválasztásra változtatják a helyüket. Futtatási környezet: A http://10.0.0.101/~hgy/sakk/
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
Selteco Menu Maker 4
Selteco Menu Maker 4 Felhasználói Kézikönyv 4.1.5 1999-2010 Selteco Software Minden jog fenntartva. www.selteco.hu Menu Maker 4 Kezdjük el...3 Menüelem hozzáadása...4 Almenü készítés...5 Menü exportálás...6
A HTML nyelv alapjai
A HTML nyelv alapjai Legalább mit kell ismernie egy webprogamozónak? Weblap tartalmának, szerkezetének kialakítása: HTML (HyperText Markup Language) Weblap formázása: CSS (Cascading Style Sheets) Kliensoldali
Széchenyi István Egyetem. Műszaki Tudományi Kar. Informatikai és Villamosmérnöki Intézet Távközlési Tanszék. Villamosmérnöki szak HTML
Széchenyi István Egyetem Műszaki Tudományi Kar Informatikai és Villamosmérnöki Intézet Távközlési Tanszék Villamosmérnöki szak HTML HTML segédlet számítógép hálózatok tárgy gyakorlatához A jegyzet teljes
Gazdasági informatika
Gazdasági informatika Nyugat-Magyarországi Egyetem Faipari Mérnöki Kar Informatikai és Gazdasági Intézet Soós Sándor 2007. november 22-23. Internet - HTML Gazdasági informatika I. Soós Sándor 1 Napjaink
(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
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
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
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
A HTML ÉS A CSS ALAPJAI
Dr. Öveges Ferenc A HTML ÉS A CSS ALAPJAI Segédlet a Lovassy László Gimnázium informatika tagozata számára Veszprém 2011. Tartalomjegyzék Bevezetés 6 1. Előzetes tudnivalók 6 1.1 A HTML és XHTML szabvány
Memória játék. Felhasználói dokumentáció
Memória játék Felhasználói dokumentáció Feladat: JavaScript segítségével, olyan programot írni, mely összekeveri a lapokat, majd a felhasználónak kell párosítani. HTML oldalba ágyazva és CSS-el formázva.
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
mikroformátumok avagy a kisbetűs szemantikus web SZÁNTAI KÁROLY Magyarországi Web Konferencia 2008
mikroformátumok avagy a kisbetűs szemantikus web SZÁNTAI KÁROLY Magyarországi Web Konferencia 2008
qwertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq wertzuiopőúasdfghjkléáűíyxcvbnmq
q HTML szerkesztés gyakorlat jegyzet 2010. április 4. Sallai András 2010 Készült az Oktatásért Közalapítvány támogatásával. Egressy Gábor Kéttannyelvű Műszaki Szakközépiskola Tartalom 1. Alap címkék...
A html nyelv elemi. Megnevezés Leírás Példa/Magyarázat
A html nyelv elemi Megnevezés Leírás Példa/Magyarázat Sortörés Karakter formázás Félkövér Dılt aláhúzott betőméret betőstílus Alapméret
Web programozás. 3. előadás
Web programozás 3. előadás Űrlapok form label for input type select, option value szöveges mező: text textarea jelszó: password rádiógomb: radio jelölőnégyzet: checkbox küldés gomb: submit Web programozás
Táblázatok. Táblázatok beszúrása. Cellák kijelölése
Táblázatok Táblázatok beszúrása A táblázatok sorokba és oszlopokba rendezett téglalap alakú cellákból épülnek fel. A cellák tartalmazhatnak képet vagy szöveget. A táblázatok használhatók adatok megjelenítésére,
Weblapok az érettségin. 2. feladat: weblap vagy prezentáció és grafika 30 pont
Weblapszerkesztés Weblapok az érettségin 2. feladat: weblap vagy prezentáció és grafika 30 pont Weblapszerkesztők MS Front Page MS Share Point Designer Macromedia Dreamwaver Mozilla Composer / NVU / Kompozer
Internetes böngésző fejlesztése a mobil OO világban
Internetes böngésző fejlesztése a mobil OO világban Novák György és Pári Csaba Témavezető: Bátfai Norbert Debreceni Egyetem Matematikai és Informatikai Intézet Kitűzött cél A PC-s világban megszokotthoz
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ő
Készítette: Gál Tamás. A tananyag programozott változata itt érhető el: Webfejlesztés
HLTML 5 alapok gyorstalpaló Készítette: Gál Tamás A tananyag programozott változata itt érhető el: Webfejlesztés (http://webfejlesztes.gtportal.eu/) Creative Commons Nevezd meg!-ne add el!-így add tovább!
Oktatási segédanyag. Weboldalszerkesztési gyakorlatok
Oktatási segédanyag Weboldalszerkesztési gyakorlatok Bevezetés A korábbi oktatási segédanyagokban megismertük a weboldalszerkesztés gyakorlatát. Ennek a segédanyagnak a célja, hogy gyakorlati példákon
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
Lássuk, mik azok a szempontok, amelyeket be kell tartanunk egy HTML kód írásánál:
HTML 5 alapismeretek Bevezetés a HTML 5-be Mi is az a HTML? A HTML (HyperText Markup Language = hiperszöveges jelölőnyelv) egy leíró nyelv, amelyet direkt a weblapok létrehozására fejlesztettek ki, valamint
Endrıdi Tamás: Internet alapú alkalmazásfejlesztés c.
Részletek Endrıdi Tamás: Internet alapú alkalmazásfejlesztés c. jegyzetébıl A jegyzet 1. fejezete a HTML nyelvet mutatja be az alap HTML tagoktól kezdve az összetettebb táblák és keretek megvalósításáig.
Szakdolgozat. Oláh Lilla
Szakdolgozat Oláh Lilla Debrecen 2009 Debreceni Egyetem Informatikai Kar Vállalkozás a weben Témavezető: Nyakóné dr. Juhász Katalin Mária tudományos főmunkatárs Készítette: Oláh Lilla gazdaságinformatika
A Nobel díj története és a magyar fizikai Nobel díjasok
1. feladat A Nobel díj története és a magyar fizikai Nobel díjasok A weblapok híres magyar tudósok fényképeit és rövid életrajzukat kell, hogy tartalmazzák. A tudosok könyvtárban találod a meg a képeket
A HONALPSZERKESZTÉS ALAPJAI. 50 feladat. a Debreceni Egyetem Informatikai Karának. Informatikus Könyvtáros szakos hallgatói számára
A HONALPSZERKESZTÉS ALAPJAI 50 feladat a Debreceni Egyetem Informatikai Karának Informatikus Könyvtáros szakos hallgatói számára Készítette: Jávorszky Ferenc Debrecen 2010. 1 1. Készítsen honlapot, amelynek
HTML programozás az alapoktól
HTML programozás az alapoktól - 1. - HTML programozás az alapoktól Írta: Vári Csaba 2007. március - 2. - HTML programozás az alapoktól 1. Mi az a HTML dokumentum? A HTML dokumentum egy standard szövegfájl.html
1. A HTML leíró nyelv. 2. Stíluslapok - CSS. 3. HTML sablonok. Tartalom
1. A HTML leíró nyelv 2. Stíluslapok - CSS 3. HTML sablonok Tartalom 1. A HTML leíró nyelv...1 2. Stíluslapok - CSS...1 3. HTML sablonok...1 1. A HTML megjelenítő nyelv...3 1.1. Bevezető...3 1.1.1. HTML
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
XML-HMTL Beadandó Dolgozat. Avagy, mit sikerült validálnunk fél év alatt
i XML-HMTL Beadandó Dolgozat Avagy, mit sikerült validálnunk fél év alatt Ed. Féléves XML-HTML munka 1.0.0 ii Copyright 2009 Varga Krisztina, Varga Máté Nevezd meg!-ne add el!-ne változtasd! 3.0 Unported
HTML ALAPOK. Abonyi-Tóth Andor, ELTE IK
HTML ALAPOK Abonyi-Tóth Andor, ELTE IK Fontos szabványok HTTP protokoll Protokoll = szabályrendszer HTTP HyperText Transfer Protocol (Hiperszöveg Átviteli Protokoll) a webböngésző (kliens) adatokat kérhet
Informatika 1. Informatika el adás. Kovács Kristóf, Pálovics Róbert. Budapesti M szaki Egyetem november 13.
Informatika 1 9. el adás Kovács Kristóf, Pálovics Róbert Budapesti M szaki Egyetem 2013. november 13. CSS HTML formázasára, elhelyezésére szolgál Cél az újrafelhasználhatóság és könny módosítás CSS kód
Gazdasági informatika
Gazdasági informatika TOVÁBBKÉPZÉS A FAIPARI INNOVÁCIÓVEZÉRELT VÁLLALKOZÁSFEJLESZTÉSÉRT I. Blokk, 5. Képzési modul INFORMATIKAI ALAPÚ IRÁNYÍTÁSI ÉS KOMMUNIKÁCIÓS RENDSZEREK Nyugat-Magyarországi Egyetem
Gyakorló Feladat. Ebben a félévben az Európai Unióval foglalkozó oldalt kell elkészítenetek.
-------------------- Gyakorló Feladat GYAKORLÓ FELADAT A beadandó elkészítése lépésről-lépésre: Az elkészítendő oldal 3 frame-t (keretet) tartalmaz. Ebben a félévben az Európai Unióval foglalkozó oldalt
Villamosmérnöki szak Alkalmazott informatika mellék szakirány Laboratórium II. (VIAU5102) World Wide Web lapok készítése (Silabusz)
Villamosmérnöki szak Alkalmazott informatika mellék szakirány Laboratórium II. (VIAU5102) World Wide Web lapok készítése (Silabusz) HTML (Hyper Text Markup Language)...2 A HTML dokumentumokról...2 Néhány
Informatika 1 CSS. Kovács Kristóf, Pálovics Róbert, Wettl Ferenc november 4. Budapesti M szaki Egyetem
Informatika 1 CSS Kovács Kristóf, Pálovics Róbert, Wettl Ferenc Budapesti M szaki Egyetem 2014. november 4. CSS CSS: Cascading Style Sheets CSS CSS: Cascading Style Sheets Cél: a tartalom és a megjelenítés
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
Stateless Session Bean
Stateless Session Bean Készítsünk egy stateless session bean-t, amellyel összeadhatunk két számot. Hozzunk létre egy Dynamic Web projectet File New Other itt a következőket kell választani: Web Dynamic
Böngésző kompatibilitás
Böngésző kompatibilitás Konstantinusz Kft. 2009 Tartalomjegyzék 1. Bevezetés...3 2. Témafelvetés...4 3. Általában a honlapkészítésről...5 3.1. A honlap eszközeinek rövid ismertetése...5 3.2 Böngészők bemutatása...6
Az image objektum. Az image eseménykezel i. Képek el zetes betöltése. Feladat. Váltóképek készítése
Az image objektum Multimédiás alkalmazások készítése JavaScript segítségével webprogramozó a document leszármazottja az images tömbön keresztül érhet el complete : teljesen letölt dött-e? height, width
font-size:12px; display:block; text-shadow: 0 1px 0 #FFFFFF;}
/* A lapozó stílusa */ #fotarto {width:1004px; height:500px; /* border: solid 1px #000; */} #jobb {width:830px; float:left; padding-left:10px;}.newboxes {display: none;} /* balmenu */ #bal {width:158px;
< WebKészítés 2.5 /> Az ingyenes weblapszerkesztői oktatás
< WebKészítés 2.5 /> Az ingyenes weblapszerkesztői oktatás Tartalomjegyzék Üdvözlet, olvasó! 03 Internetes ismeretterjesztő 04 Nettöri röviden 05 Szerveroldali programok 06 Kliensoldali programok 07 Tartalmi
INFORMATIKA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ
Informatika emelt szint 1012 ÉRETTSÉGI VIZSGA 2011. május 10. INFORMATIKA EMELT SZINTŰ GYAKORLATI ÉRETTSÉGI VIZSGA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ NEMZETI ERŐFORRÁS MINISZTÉRIUM Bevezetés A feladatok értékelése
Tájékoztató. Használható segédeszköz: -
A 35/2016. (VIII. 31.) NFM rendelet szakmai és vizsgakövetelménye alapján. Szakképesítés, azonosító száma és megnevezése 54 481 06 Informatikai rendszerüzemeltető Tájékoztató A vizsgázó az első lapra írja
Az MS Excel táblázatkezelés modul részletes tematika listája
Az MS Excel táblázatkezelés modul részletes tematika listája A táblázatkezelés alapjai A táblázat szerkesztése A táblázat formázása A táblázat formázása Számítások a táblázatban Oldalbeállítás és nyomtatás
Táblázatkezelés Excel XP-vel. Tanmenet
Táblázatkezelés Excel XP-vel Tanmenet Táblázatkezelés Excel XP-vel TANMENET- Táblázatkezelés Excel XP-vel Témakörök Javasolt óraszám 1. Bevezetés az Excel XP használatába 3 tanóra (135 perc) 2. Munkafüzetek
(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
INFORMATIKA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ
Informatika emelt szint 0803 ÉRETTSÉGI VIZSGA 2009. május 15. INFORMATIKA EMELT SZINTŰ GYAKORLATI ÉRETTSÉGI VIZSGA JAVÍTÁSI-ÉRTÉKELÉSI ÚTMUTATÓ OKTATÁSI ÉS KULTURÁLIS MINISZTÉRIUM Bevezetés A feladatok
2. TOVÁBBKÉPZÉS A FAIPARI INNOVÁCIÓVEZÉRELT VÁLLALKOZÁSFEJLESZTÉSÉRT I.
E-tevékenységek 2. TOVÁBBKÉPZÉS A FAIPARI INNOVÁCIÓVEZÉRELT VÁLLALKOZÁSFEJLESZTÉSÉRT I. Blokk, 5. Képzési modul INFORMATIKAI ALAPÚ IRÁNYÍTÁSI ÉS KOMMUNIKÁCIÓS RENDSZEREK Soós Sándor egyetemi adjunktus
HTML szerkesztés. HTML bevezetés
HTML szerkesztés HTML bevezetés Az internet fogalma: egy világméretű számítógép-hálózat, amely kisebb hálózatok összekapcsolódásából áll össze, a hálózatok hálózata, mely adatok továbbítását teszi lehetővé
Tartalom. Alapelemek. Célok. Eszközök. Szerkezet. Alapelvek. Prezentáció. Folyamat
WEBLAPFEJLESZTÉS Tartalom Alapelemek Célok Eszközök Szerkezet Alapelvek Folyamat Prezentáció Célok Weboldalakkal szemben állított követelmények: - vonzó, egyszerű, igényes, harmonikus színvilág - felhasználóbarát
HTML, Javascript és az objektumok
Javascript referencia Bevezetés A Javascript egy HTML fájlokba tervezett objektum-orientált nyelv. Alapjai a C és C++ nyelvek, így ezekre sokban hasonlít. Ez a dokumentum egy gyors összefoglaló a nyelvrõl,
I/1. Pályázati adatlap
I/1. Pályázati adatlap Készítsd el a mintán látható A4-es méretű adatlapot! A következő feladatok ehhez nyújtanak útmutatást. Az adatlap teljes szövegét tartalmazó forrásfájl és a felhasznált kép a mellékelt
HTML ÉS PHP AZ ALAPOKTÓL
1 HTML ÉS PHP AZ ALAPOKTÓL Bevezetés a HTML és a CSS világába Before we start 2 A kurzus blogja: http://bcecid.net/tag/php-kurzus-2011-12-tavasz A példaprogramok innen lesznek letölthetők Könyvek HTML
Nógrád Megyei Reménysugár Egyesített Szociális Intézmény berceli részlege
Nógrád Megyei Reménysugár Egyesített Szociális Intézmény berceli részlege 1.1.1 Elérhetőségi dtok Hivtlos név: Nógrád Megyei Reménysugár Egyesített Szociá Székhely: 2687 Bercel, Petőfi út 2. Postcím: 2687
Content preview: valami Köszönjük a vásárlást, valami! [...]
![Content preview: valami Köszönjük a vásárlást, valami! [...]](/thumbs/54/33622666.jpg "Content preview: valami Köszönjük a vásárlást, valami! [...]")
Content preview: valami Köszönjük a vásárlást, valami! [...] Content analysis details: (1.0 points, 5.0 required) pts rule name description ---- ---------------------- --------------------------------------------------
A JavaServer Pages (JSP)
A JavaServer Pages (JSP) Fabók Zsolt Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem Utolsó módosítás: 2008. 03. 27. JSP Harmadik generáci ciós s WEB szerver A dinamikus lap a tipikus Dinamikus
Információs technológiák 2. Gy: CSS, JS alapok
Információs technológiák 2. Gy: CSS, JS alapok 1/69 B ITv: MAN 2017.10.01 Ismétlés Van egy Web nevű mappánk, ebben vannak az eddig elkészített weboldalak (htm, html) képek (jpg, png). Logikai felépítés
Az MS Word szövegszerkesztés modul részletes tematika listája
Az MS Word szövegszerkesztés modul részletes tematika listája A szövegszerkesztés alapjai Karakter- és bekezdésformázás Az oldalbeállítás és a nyomtatás Tabulátorok és hasábok A felsorolás és a sorszámozás
Hogyan lehet Pivot tábla segítségével komplex adatokat elemezni és bemutatni?
Hogyan lehet Pivot tábla segítségével komplex adatokat elemezni és bemutatni? Fordította: IFUA Horváth & Partners Képzelje el, hogy a vállalat értékesítési vezetője megkéri Önt, hogy rövid időn belül elemezze
Almási Pál: Hogyan szerkesszünk HTML-lapokat? TARTALOMJEGYZÉK
Almasi Pal: Hogyan szerkesszunk HTML-lapokat? Almási Pál: Hogyan szerkesszünk HTML-lapokat? TARTALOMJEGYZÉK 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. Bevezetô HTML-struktúra Fejléc
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