XHTML XHTML. HTML nyelv. webprogramozó. Az XHTML nyelv. XHTML dokumentumok szerkezete, HTML 4.0 W3C javaslat 1997 dec., 1998 ápr továbbfejleszt
|
|
- Emil Mészáros
- 5 évvel ezelőtt
- Látták:
Átírás
1 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 leírásában, a szöveges informáci ció formázásában. HTML fejl dése s: SGML (Standard Generalized Markup Language) 1986 precízen leírta a tartalmat hangsúly nem a formázáson volt HTML 1.0 Tim Berners-Lee 1989 els böngész - Mosaic 1993 HTML 2.0 Internet Engineering Task Force már r nem csak a tartalomra koncentrál HTML 3.2 W3C javaslat 1997 január Netscape elemek: fontok, táblt blázatok, appletek, stb. HTML fejl dése HTML 4.0 W3C javaslat 1997 dec., 1998 ápr. stíluslapok HTML 4.01 apróbb javítások 1999 továbbfejleszt bbfejlesztés XHTML 1.0 W3C javaslat 2000 január HTML 5.0 kidolgozás s alatt XHTML 2.0 kidolgozás s alatt HTML nyelv HyperText Markup Language Hypertext Jelöl Nyelv célja: dokumentumok számára standard kód d segíts tségével formázott megjelenítést biztosítani tani alapeleme a címke c (tag) pl. <html< html> nyitó- és s záróz címke pl. <html< html> </html html> csak nyitó címke pl. <br< br>, <hr< hr> nyitó címke belsejében ben attribútumok tumok pl. <a href=" =" :// a böngb ngész k k intelligens módonm értelmezik félreértések elkerülésére: re: XHTML XHTML Extensible HyperText Markup Language a HTML szigorúbb és s tisztább változatav a HTML elemeket leírása XML segíts tségével minden címkc mkének van záróz eleme egysoros címkc mkénél l a lezárást jelezzük pl. <br< /> minden címkenc mkenév v kisbet vel írandó minden eleme azonosíthat tható a Document Object Model segíts tségével, az objektumok módosíthatók 1
2 HTML (XHTML) dokumentum alapszerkezete <html> <head> <title>címsor szövege</ vege</title> </head head> <body> a dokumentum törzst </body body> </html html> Els weblap Használjuk a Notepad2 editort <HTML> <HEAD> <TITLE>Els weblap fejléce</title> </HEAD> <BODY> Elkész szült az els weblapom. </BODY> </HTML> Els weblap <HTML></HTML A dokumentum kezdetét és s végétv jelöli. li. <HEAD></HEAD a HTML dokumentum leírására ra szolgál nincs attribútuma tuma további elemek tárolt rolója <title> > a címsorban c megjelen szöveg <base> > a dokumentum alapértelmezett helye <link> kapcsolat más m s dokumentumokkal <meta> > informáci ció a dokumentumról kulcsszavak leírás stb. <script> JavaScript vagy VBScript kód d helye <style> > beágyazott stíluslap <head> > elem - példa <head> <title>a webprogramozás alapjai</title> <base href=" =" :// /> <link rel=" ="stylesheet" href=" ="style.css" type=" ="text/css" /> <meta http-equiv=" ="Content-Type" content=" ="text/html; charset=utf-8" /> <meta name=" ="keywords" content=" ="webszerkesztés, XHTML, oktatás" /> <script language="javascript1.2"> function ujablak(file, nev, parameterek) { window.open(' ('file', 'nev', 'parameterek'); } </script> <style type=" ="text/css"> body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt } </style> </head> 2
3 <body> > elem eredetileg a dokumentum törzst rzsének határol rolója kiterjesztették k a dokumentum hátth ttér és s a szövegsz vegszíneinek beáll llítására háttérszín: <body< bgcolor=" ="color"> szövegsz vegszín: <body< text ="color color"> hyperlinkek színe: <body< link ="color color"> meglátogatott link: <body< vlink ="color color"> aktív v linkek színe: <body< alink ="color color"> oldal betölt ltéséhez, mint eseményhez kapcsolható események is itt helyezhet k el Módosítsuk az el z lapot úgy, hogy a hátth ttér r piros, a szövegsz vegszín n fehér legyen! <BODY BGCOLOR="red" TEXT="white"> Szövegtagol vegtagoló elemek <p></p> - paragrafus (bekezdés) el tte és s utána nagyobb hely align attributumában ban igazítás s (left( left, right,, center) új j sor <div></ ></div> - több bekezdést magába foglaló egység nincs sortávols volság g növekedn vekedés <span></ ></span> - bekezdésn snél l kisebb egység erre alkalmazható speciális formázás <blockquote></ ></blockquote> - blokkidézetek behúzás s a kijelölt lt részrer <pre></ ></pre> - eredeti formázás s meg rz rzése <code></ ></code> - programkód d megjelenítése <br /> - sortörés <hr /> - vízszintes vonal Módosítsuk az el z dokumentumot! <BODY BGCOLOR="red red" TEXT="white white"> <P>Elkész szült az els weblapom.</p> <P ALIGN="center">A második bekezdés s középre k igazított.</p> <P ALIGN="right right">a harmadik jobbra igazított.<p> </BODY> Módosítsuk az el bbi dokumentumot! 3
4 <P ALIGN="right right">a harmadik jobbra igazított. Ez nem új j bekezdés, csak új sor Ez az utolsó sor.</p> Módosítsuk az el bbi dokumentumot! <P ALIGN="center">A második bekezdés s középre k igazított.</p> <HR> <P ALIGN="right right">a harmadik jobbra igazított. Ez nem új j bekezdés, csak új sor Ez az utolsó sor.</p> Szövegform vegformázó elemek <font></font - szöveg típust pusának, színének, nek, nagyságának nak beáll llítása <hn></ ></hn> n = címsorok félkövér el tte és s után üres sor <b></b> - félkövér r bet <i></i> - d lt bet <sup></ ></sup> - fels index <sub></ ></sub> - alsó index <big></ ></big> - a környezetk rnyezeténél l nagyobb bet <small></ ></small> - a környezetk rnyezeténél l kisebb bet <strong></ ></strong> - er sen hangsúlyozott (félk lkövér) Módosítsuk a dokumentumot! <P ALIGN="center"> <FONT SIZE="6" COLOR="blue blue">a második bekezdés s középre k igazított, 6-os méret ret.</font> </P> 4
5 Módosítsuk a dokumentumot! <BODY BGCOLOR="red red" TEXT="white white"> <H2>A Weblap címe c 2-es2 szint </H2> <P>Elkész szült az els weblapom.</p> Módosítsuk a dokumentumot! <P ALIGN="center"> <FONT SIZE="6" COLOR="blue">A <B>második sodik</b> bekezdés <I>középre pre</i> igazított tott,, 6-os6 méret.</font> </P> Módosítsuk a dokumentumot! a<sup>2</sup>+b<sup>2</sup> =c<sup>2</sup> 2H<SUB>2</SUB>+O<SUB>2</SU B>=2H<SUB>2</SUB>O 5
6 Kép p elem - <img> <img src=" ="kep.xxx" " alt="szoveg szoveg" width="800" height="600"> src forrás s fájl f (gif( gif, jpg, png,, stb.) alt kép p rövid r leírása width kép p széless lessége height kép p magassága A Paint programmal készk szítsünk rajzot! Mentsük jpg formátumba! Jeleníts tsük k meg a weblapunkon a vízszintes vonal fölött! f <IMG SRC="rajz.jpg rajz.jpg"> <HR> Kép p részekre r bontása - <map> adott kép k p darabokra bontható a darabokhoz linkek kapcsolhatók <img> tag-ben usemap attribútum tum <img src= usemap="# ="#navkep" " /> <map id=" ="navkep" name=" ="navkep"> <area shape= "rect" coords= = : két k t sarok "circle" coords= = : középpont, k sugár "poly" coords= = : összes csúcspont cspont > Táblázat deklarálása <table align background bgcolor border cellpadding távolság g a cella határ és s a tartalom közöttk cellspacing távolság g a cellák k közöttk height width 6
7 Táblázat címc és s adatsorai címsor, címsor cellái <thead> <tr> <th>cím m cella1</th th> <th>cím m cella2</th th> </tr tr> </thead thead> adatsorok, adatcellák <tbody> <tr> <td>adat cella1</td td> <td>adat cella2</td td> </tr tr> </tbody tbody> Egész szítsük k ki a weblapot a következk vetkez táblázattal! <TABLE ALIGN="center" BGCOLOR="black" BORDER="2" CELLPADDING="2" CELLSPACING="3" WIDTH="500"> <THEAD> <TH>Ország</TH> <TH>F város</th> <TH>Nyelv</TH> </THEAD> <TBODY> <TD>Magyarország</TD> g</td> <TD>Budapest</TD> <TD>magyar</TD> <TD>Németország</TD> <TD>Berlin</TD> <TD>német</TD> <TD>Lengyelország</TD> g</td> <TD>Varsó</TD> </TD> <TD>lengyel</TD> </TBODY> Felsorolás - <li></ ></li> Egyszer felsorolás Pontozott (rendezetlen) lista <ul type=""> <li> </ </il> <li> </ </il> </ul ul> Számozott (rendezett) lista <ol type=""> <li> </ </il> <li> </ </il> </ol ol> Készítsük k el a következk vetkez új j weblapot! <HTML> <HEAD> <TITLE>A második m weblap fejléce</title> </HEAD> <BODY BGCOLOR="yellow yellow"> Számozatlan lista <UL> <LI>Els elem <LI>Második elem <LI>Harmadik elem </UL> Számozott lista <OL> <LI>Els elem <LI>Második elem <LI>Harmadik elem </OL> </BODY> </HTML> 7
8 Színek a weboldalon bet sz szín n (text( text), hátth ttérszín n (bgcolor( bgcolor) linkek színei normál l (link( link) megtekintett (vlink( vlink) aktív v (alink( alink) egész dokumentumra, valamely elemre (pl. táblázat, vagy annak egy cellája) megadása angol néven n (pl. red, yellow) hexadecimális kóddal k (pl. "#FF0000", "#FFFF00") Rgb kóddal (pl. rgb(255,0,0), rgb(255, (255,255,0)) Keretek frame csak az oldal változv ltozó részét t kell frissíteni nehezen követhetk vethet k k a linkek <body> > elem helyett <frameset< frameset> <frameset cols = "25%, 25%,, *"> <frame src=" ="bal.htm" name= bal bal /> <frame src=" ="kozep.htm" name= kozep kozep /> <frameset rows = 50%, *"> <frame src="jobb_ ="jobb_f.htm" name= jobb jobb_f /> <frame src="jobb_ ="jobb_a.htm" name= jobb jobb_a /> </frameset frameset> </frameset frameset> Az el z két t weblapból l alakítsuk ki a következ keretes elrendezést! <HTML> <HEAD> <TITLE>Kezd lap</title> </HEAD> <FRAMESET COLS="30%,*"> <FRAME SRC="masodik.html masodik.html" NAME="baloldali"> <FRAME SRC="elso.html elso.html" NAME="jobboldali"> </FRAMESET> </HTML> Keretek noframes, iframe <noframes></ ></noframes> arra az esetre ha a böngb ngész nem tudná a kereteket kezelni <iframe> - inline frame ablak az ablakon belül forrásf sfájl, méretek m megadásával Készítsük k el a következk vetkez elrendezést! <iframe src=" ="iframe.htm" width="200" height="100"> 8
9 Speciális karakterek & és s ; jelek közék írva <: <; >: > non-breaking space: copyright: magyar ékezetes bet k: HTML szerkeszt k egyszer szövegszerkeszt vegszerkeszt k jegyzettömb dedikált szerkeszt programok HomeSite DreamWeaver FirstPage FrontPage Adatok összekapcsolásasa - hyperlinkkel dokumentumon belül <a href="# ="#bevezetes">bevezetés</a> <a name=" ="bevezetes"></a>bevezetés</a> dokumentumok közöttk <a href="./ ="./leiras.htm">leírás</a> világh ghálón <a href=" =" :// Leírás s </a> A számozatlan lista els elemét alakítsuk olyan linkké,, amely megnyitja az els weblapot! A második elemet alakítsuk olyan linkké,, amely megnyitja az iskola honlapját! <UL> <LI><A HREF="elso.html">Els elem</a> <LI><A HREF= " Második elem</a> <LI>Harmadik elem </UL> 9
10 <HTML> <HTML> 1. gyakorlat <HEAD> <TITLE> 1-1</TITLE> 1 1</TITLE> </HEAD> <BODY> Miért kezd dik dik minden könyvk els mintaprogramja azzal, hogy "Helló világ?!" </BODY> </HTML> 2. gyakorlat Ez a sz Ez a szöveg <B>vastagon jelenik meg</b>. Ez pedig <I>megdöntve</I>. Ez egy <U>aláhúzott szöveg, </U> ez egy <STRIKE>áth thúzott szöveg lesz</strike>. Ez egy <KBD>nem proporcionális, azaz fix széles szöveg</kbd>. Ez a szöveg <SUB>subscript jelleg </SUB>. Ez a szöveg pedig <SUP>superscript jelleg </SUP>. 3. gyakorlat <FONT COLOR="blue blue">színek!</font> <FONT SIZE="5">Méret!</FONT> <FONT FACE="Courier Courier">Bet típus!</font> <FONT SIZE="6" COLOR="blue blue" FACE="Arial Arial">Több változv ltozás együtt!</font> 10
11 4. gyakorlat <P>Ez a sor egy paragrafus példa. p <P>Ez pedig egy másik paragrafus.</p> <H1>Itt látunk l egy els szint fejlécet.</h1> <H2>Itt látunk l egy második szint fejlécet.</h2> Ez a mondat után n nincs soremelés. s. Ez után n viszont <B>van</B>. Ez a mondat után n sincs soremelés. s. Ez után n sincs soremelés. s. 5. gyakorlat <PRE> Amit itt látunk, l az egy el re megformázott szöveg. Vegyük észre, hogy pontosan úgy jelenik meg, ahogy begépelt peltük. </PRE> <HR> <HR WIDTH="50%" SIZE="6"> Az itt megadott mondatot a böngb ngész kettétörheti, ha úgy jön j n ki a lépés, l és s nem fér f r ki az ablakban. <NOBR>Ezt a mondatot viszont semmiképpen nem törheti ketté, még g akkor sem, ha nem férne f el az ablakban.</nobr> 6. gyakorlat <P ALIGN="left left">ez a paragrafus balra van igazítva.</p> <H2 ALIGN="center">Ez a 2-es 2 szint fejléc c középre k igazított.</h2> <H5 ALIGN="right right">ez az 5-ös 5 s fejléc jobbra igazított.</h5> <CENTER>Ez egy sima középrek igazított szöveg.</center> 11
12 Itt l 7. gyakorlat Itt látható egy image (kép): <IMG SRC="sample.gif sample.gif" WIDTH="20" HEIGHT="36">. <BR <IMG SRC="sample.gif sample.gif" " WIDTH="20" HEIGHT="36" ALIGN="right right"> A most következk vetkez kép p jobbra van igazítva. Az igazítás s miatt a kép p kikerül l a normál l szövegfolyamb vegfolyamból, l, és s az t t körülvevk lvev szöveghez viszonyított relatív v elhelyezést nyer. Ez itt egy hivatkozás s az <A HREF="http :// honlapjára. A következk vetkez helyi hyperlinkhez kép és s szöveg is tartozik. <A HREF=" 1-4.htm"><IMG 1 SRC="sample.gif sample.gif"> text</a> 8. gyakorlat <UL>Ez az els szint. <UL>Ez a második m szint.</ul> <UL>Ez a második m szint. <UL> Ez a harmadik szint.</ul> </UL> <UL>Ez a második m szint.</ul> </UL> <HR> <UL>Ez egy els szint fejléc. <LI>Ez az els elem az els listában. <LI>Ez a második m elem az els listában. <UL> <LI>Ez az els elem a második m listában. <LI>és s ez a második m elem a második m listában. </UL> <LI>Ez a harmadik elem az els listában. </UL> 9. gyakorlat <HTML> <HEAD> <TITLE> 1-9</TITLE> 1 </HEAD> <BODY> <OL> <LI>Ez az els elem az els listában. <LI>Ez a második m elem az els listában. <OL TYPE="a"> <LI>Ez az els elem a második m szinten. <LI>És s ez a második m elem a második m szinten. </OL> <LI>Ez a harmadik elem az els listában. </OL> </BODY> </HTML> 12
13 10. gyakorlat <OL TYPE="1"> <LI>Itt számokat használunk. <OL TYPE="A"> <LI>Itt nagybet ket. <OL TYPE="a"> <LI>Itt pedig kisbet ket. ket. <OL TYPE="I"> <LI>Római számok nagybet vel. <OL TYPE="i"> <LI>Római számok kisbet vel. <LI>Itt is római r számok jelennek meg kisbet vel. </OL> </OL> </OL> </OL> <UL> <LI>Ez is egy bajusz. </UL> </OL> 11. gyakorlat <TABLE BORDER="1"> <TD>Az els cella tartalma</td> <TD>Els sor, MásodikM oszlop</td> <TD>2. sor, 1. oszlop</td> <TD>Utolsó cella</td> 12.gyakorlat <TABLE BORDER="1"> <TD COLSPAN="2" ALIGN="center">Egy hosszú els sor</td> <TD>2. sor, 1. oszlop</td> <TD>2. sor, 2. oszlop</td> 13
14 13. gyakorlat <TABLE BORDER="5" CELLPADDING="2" CELLSPACING="15" BGCOLOR="yellow yellow"> <TD>Els cella</td> <TD>Els sor, Második M oszlop</td> <TD BGCOLOR="white white">2. sor, 1. oszlop</td> <TD BACKGROUND="back.gif back.gif">utolsó cella</td> <HR> <TABLE BORDER="10" CELLPADDING="15" CELLSPACING="2" BACKGROUND="back.gif back.gif"> <TD>Els cella</td> <TD>Második cella</td> <TD BGCOLOR="white white">harmadik cella</td> <TD>Negyedik cella</td> 14. gyakorlat <TABLE BORDER="1"> <TD COLSPAN="4" ALIGN="center"><B>Gyümölcs eladás</b></td> <TD></TD <TD></TD <TD>1. üzlet</td> <TD>2. üzlet</td> <TD ROWSPAN="2">Alma</TD> <TD>1. nap</td><td>40</td>< >40</TD><TD>25</TD> <TD>2. nap</td><td>30</td>< >30</TD><TD>30</TD> <TD ROWSPAN="2">Narancs</TD> <TD>1. nap</td><td>40</td>< >40</TD><TD>25</TD> <TD>2. nap</td><td>30</td>< >30</TD><TD>30</TD> 15. gyakorlat 14
15 <TABLE BORDER="1" CELLPADDING="5"> <TD VALIGN="top">1</TD> <TD> <TABLE BORDER="2"> <TD>A</TD><TD TD>B</TD> <TD>C</TD><TD TD>D</TD> </TD> <TD> <TABLE BORDER="5"> <TD>E</TD><TD TD>F</TD> <TD>G</TD><TD TD>H</TD> </TD> <TD VALIGN="bottom bottom" " ALIGN="right right">2</td> 16. gyakorlat <BODY TOPMARGIN="0" LEFTMARGIN="0"> <TABLE WIDTH="100%" HEIGHT="100%" CELLSPACING="0" CELLPADDING="5" BORDER="0"> <TD COLSPAN="3" ALIGN="CENTER" BGCOLOR="black black" HEIGHT="25"> <FONT COLOR="white white"><b>táblázatokat használó lap</b></font> </TD> <TD BGCOLOR="thistle thistle" " WIDTH="80" VALIGN="top"> <IMG SRC="trans.gif trans.gif" " WIDTH="80" HEIGHT="0" BORDER="0"> <B>ok</B> <A HREF=" 2-1.htm"> 2 2-1</A> 2 <A HREF=" 2-2.htm"> 2 2.htm"> 2-2</A> 2 2</A> <A HREF=" 2-3.htm"> 2 2-3</A> 2 <A HREF=" 2-4.htm"> 2 2-4</A> 2 </TD> <TD ALIGN="center"> <IMG SRC="trans.gif trans.gif" " WIDTH="150" HEIGHT="0" BORDER="0"> Ez a lap a táblt blázatok használat latát mutatja be. Helyi linkeket tartalmaz baloldalon, küls linkeket a jobboldalon, a tartalom pedig középen k jelenik meg, a fejléc c pedig a tetején. </TD> <TD VALIGN="top" WIDTH="25%" BGCOLOR="lightgrey lightgrey"> <IMG SRC="trans.gif trans.gif" " WIDTH="120" HEIGHT="1" BORDER="0"> <B>Szervezetek</B> <A HREF="http :// <A HREF="http ://mspress.microsoft.com">microsoft Press</A> <A HREF="http <B>Érdekes site-ok ok</b> <A HREF="http ://microsoft.com/workshop">sbn Workshop</A> <A HREF="http ://msdn.microsoft.com/">msdn</a> <A HREF="http :// <A HREF="http :// </TD> 17. gyakorlat 15
16 <BODY TOPMARGIN="0" LEFTMARGIN="0"> <TABLE WIDTH="100%" HEIGHT="100%" CELLSPACING="10" CELLPADDING="5" BORDER="1"> <TD COLSPAN="3" ALIGN="CENTER" BGCOLOR="black black" HEIGHT="25"> <FONT COLOR="white white"><b>táblázatokat használó lap</b></font> </TD> <TD BGCOLOR="thistle thistle" " WIDTH="80" VALIGN="top"> <IMG SRC="trans.gif trans.gif" " WIDTH="80" HEIGHT="0" BORDER="0"> <B>ok</B> <A HREF=" 2-1.htm"> 2 2-1</A> 2 <A HREF=" 2-2.htm"> 2 2.htm"> 2-2</A> 2 2</A> <A HREF=" 2-3.htm"> 2 2-3</A> 2 <A HREF=" 2-4.htm"> 2 2-4</A> 2 </TD> <TD ALIGN="center"> <IMG SRC="trans.gif trans.gif" " WIDTH="150" HEIGHT="0" BORDER="0"> Ez a lap a táblt blázatok használat latát mutatja be. Helyi linkeket tartalmaz baloldalon, küls linkeket a jobboldalon, a tartalom pedig középen k jelenik meg, a fejléc c pedig a tetején. </TD> <TD VALIGN="top" WIDTH="25%" BGCOLOR="lightgrey lightgrey"> <IMG SRC="trans.gif trans.gif" " WIDTH="120" HEIGHT="1" BORDER="0"> <B>Szervezetek</B> <A HREF="http :// <A HREF="http ://mspress.microsoft.com">microsoft Press</A> <A HREF="http <B>Érdekes site-ok ok</b> <A HREF="http ://microsoft.com/workshop">sbn Workshop</A> <A HREF="http ://msdn.microsoft.com/">msdn</a> <A HREF="http :// <A HREF="http :// </TD> 18. gyakorlat <HTML> <HEAD> <TITLE> 1-15</TITLE> 1 15</TITLE> </HEAD> <FRAMESET COLS="50%,70,*"> <FRAME SRC="Elso00.html"> <FRAME SRC="Masodik00.html"> <FRAME SRC="Harmadik00.html"> </FRAMESET> </HTML> Elso00.html <HTML> <BODY BGCOLOR="yellow yellow"> <B> Ez az els keret. </BODY> </HTML> 16
17 Masodik00.html <HTML> <BODY BGCOLOR="gray gray"> <B> Ez a második keret. </BODY> </HTML> Harmadik00.html <HTML> <BODY BGCOLOR="white white"> <B> Ez a harmadik keret. <IFRAME SRC="Elso00.html" WIDTH="100"> </BODY> </HTML> 19. gyakorlat <FRAMESET ROWS="50,*" FRAMEBORDER="0" FRAMESPACING="0"> <FRAME SRC="Els Els.htm" " NAME="frame1" SCROLLING="no"> <FRAMESET COLS="20%,80%" FRAMEBORDER="1" FRAMESPACING="1"> <FRAME SRC="Második.htm sodik.htm" NAME="frame2" SCROLLING="yes yes"> <FRAME SRC="Harmadik.htm Harmadik.htm" NAME="frame3" SCROLLING="auto auto"> </FRAMESET> </FRAMESET> <FRAMESET COLS="25%,75%" FRAMEBORDER="1" FRAMESPACING="1"> <FRAME SRC="Navigal.html Navigal.html" NAME="baloldali" SCROLLING="yes yes"> <FRAME SRC="Elso00.html" NAME="jobboldali" SCROLLING="auto auto"> 20. gyakorlat <FRAMESET COLS="25%,75%" </FRAMESET> 17
18 Navigal.html 21. gyakorlat <HTML> <BODY> <A HREF="Elso00.html" TARGET="jobboldali">Els keret</a> <A HREF="Masodik00.htm" TARGET="jobboldali">Második keret</a> <A HREF="Harmadik00.htm" TARGET="jobboldali">Harmadik keret</a> </BODY> </HTML> <FIELDSET> Ebben a fieldset-ben nincs LEGEND. </FIELDSET> Ez a szöveg az 1. fieldset után n jön. j Ez a szöveg az 1. fieldset után n jön. j Ez a szöveg az 1. fieldset után n jön. j <FIELDSET TITLE="Ez egy Fieldset"> <LEGEND>2. Fieldset</LEGEND> Ez a 2. fieldset belsejében ben van. </FIELDSET> Ez a szöveg az 2. fieldset után n jön. j Ez a szöveg az 2. fieldset után n jön. j Ez a szöveg az 2. fieldset után n jön. j Ez a szöveg az 2. fieldset után n jön. j <FIELDSET ALIGN="right right" " STYLE="width width:140"> <LEGEND>3. Fieldset</LEGEND> Ez a harmadik Fieldset-ben van. </FIELDSET> Ez a szöveg az 3. fieldset után n jön. j Ez a szöveg az 3. fieldset után n jön. j Ez a szöveg az 3. fieldset után n jön. j <FIELDSET> <LEGEND ALIGN="center">4. Fieldset</LEGEND> Ez a szöveg a negyedik fieldset-ben találhat lható. </FIELDSET> Ez a szöveg az 4. fieldset után n jön. j Ez a szöveg az 4. fieldset után n jön. j Ez a szöveg az 4. fieldset után n jön. j 22. gyakorlat <IMG SRC="nav.gif nav.gif" " WIDTH="300" HEIGHT="200" USEMAP="#NavMap NavMap"> <MAP NAME="NavMap NavMap"> <AREA SHAPE="rect rect" " COORDS="0,0,50,100" HREF=" <AREA SHAPE="circ" COORDS="100,150,20" HREF=" <AREA SHAPE="poly" COORDS="200,50,250,50,250,100,200,150,150,100 " HREF=" mspress.microsoft.com"> </MAP> <A HREF=" <A HREF=" <A HREF=" mspress.microsoft.com">microsoft Press</A> 18
19 Az itt l 23. gyakorlat Az itt látható <SPAN STYLE="font:bold 14pt">szöveg</SPAN> egy SPAN- ben van. <HR> Ez itt pedig <DIV STYLE="font:bold 14pt">egy DIV</DIV DIV> > része. r SPAN: stílust lehet adni olyan elemeknek, szövegrészeknek is, amelyek beállítására hagyományosan más mód nincsen DIV: Hasonlóan m ködik, mint a SPAN, de ez egy blokkszint elem (neve a division szóból ered). Tartalmazhat bekezdéseket,táblázatokat, címsorelemeket, és további DIV-eket is 24. gyakorlat <P> Ez a paragrafus <B>vastag</B>, <I>d lt bet s</i>, és s <U>aláhúzott</U> tagokat tartalmaz. </P> <XMP> <P> Ez a paragrafus <B>vastag</B>, <I>d lt bet s</i>, és s <U>aláhúzott</U> tagokat tartalmaz. </P> </XMP> 25. gyakorlat Vastag bet kkel kiírjuk, hogy az X kisebb, mint az Y: <B> X<Y </B>. Ez a paragrafus karakter egyedet használ. <HR> Vastag bet kkel kiírjuk, hogy az X kisebb, mint az Y: <B> X<Y </B>. Ez a paragrafus nem használ l karakter egyedet. 19
20 VÉGE 20
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
RészletesebbenHTML 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
RészletesebbenMultimédia 2017/2018 II.
Multimédia 2017/2018 II. 1. gyakorlat HTML5, CSS3 alapok Alapvető HTML5 elemek Egyszerű HTML dokumentum Oldal cime
RészletesebbenWebprogramozá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
RészletesebbenKé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
RészletesebbenHTML 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,
RészletesebbenHTML 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
RészletesebbenHTML. Dr. Nyéki Lajos 2016
HTML Dr. Nyéki Lajos 2016 HTML és SGML HTML (Hypertext Markup Language) SGML (Standard Generalized Markup Language) ISO 8879:1986 A HTML nyelven készült dokumentumok kiterjesztése - az Internet szerveren:.html;
RészletesebbenInternet, 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)
Részletesebben(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
RészletesebbenÁ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
RészletesebbenInformatika 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
RészletesebbenEndrı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.
RészletesebbenHTML, 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
RészletesebbenInformatika 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
RészletesebbenWebszerkeszté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:
RészletesebbenWeblap 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
RészletesebbenHTML 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:
RészletesebbenTá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
RészletesebbenWEB 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,
RészletesebbenHonlapké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!
RészletesebbenInformatika 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
RészletesebbenHTML é 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
RészletesebbenWCSS (Wap CSS), Wireless CSS
WCSS (Wap CSS), Wireless CSS A WCSS (WAP Cascading Style Sheet vagy WAP CSS) mobil változata a CSS-nek. WAP speciális kiterjesztéseket tartalmaz. Azok a CSS2 jellemzők és tulajdonságok, amelyek nem hasznosak
RészletesebbenWebprogramozá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
RészletesebbenSakk 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/
RészletesebbenHTML. 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
RészletesebbenHTML é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ó)
RészletesebbenKö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
RészletesebbenA 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
RészletesebbenKé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!
RészletesebbenWeb 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
RészletesebbenHTML É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
RészletesebbenWEBSZERKESZTÉ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
RészletesebbenWAP. 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
Részletesebben2. 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
Részletesebben4. 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
RészletesebbenA webprogramozás alapjai. Óbudai Egyetem Neumann János Informatikai Kar 2018/19/1 szemeszter
1 A webprogramozás alapjai Óbudai Egyetem Neumann János Informatikai Kar 2018/19/1 szemeszter IV. előadás Nyelv típusok HTML nyelv fontosabb elemei I. Mappaszerkezet és file struktúra Szerkesztők bemutatása,
RészletesebbenStí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
RészletesebbenAz 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
RészletesebbenSzá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
RészletesebbenHTML 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ő
RészletesebbenVillamosmé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
RészletesebbenMemó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.
RészletesebbenHTML 5 - Start. Turóczy Attila Livesoft Kft
HTML 5 - Start Turóczy Attila Kft. 2010.11.01. HTML története A HTML az angol HyperText Markup Language szavak rövidítése. Alapvetően egy leírónyelv, ami weboldalak készítéséhez használunk. A HTML szöveges
RészletesebbenWeblapok 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
Részletesebben2008/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
RészletesebbenLá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
Részletesebben(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
RészletesebbenWebkezdő. 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
RészletesebbenSaját website A HTML. HTML nyelv alkalmazása. HTML dokumentum. HTML nyelv alkalmazása. Mit választunk mi?
Saját website A HTML Készítette: Pet László Saját webdokumentumok (HTML formátumban) Egy webszerver, ahol a webdokumentum elhelyezhet iskolai ingyenes (általában el kell viselni valamilyen reklámszolgáltatást)
RészletesebbenINFO1 WEB, HTML, CSS
INFO1 WEB, HTML, CSS Kovács Kristóf, Pálovics Róbert, Wettl Ferenc 2015. november 3. Kovács Kristóf, Pálovics Róbert, Wettl Ferenc INFO1 WEB, HTML, CSS 2015. november 3. 1 / 41 Bevezetés 1 Bevezetés 2
RészletesebbenA 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
RészletesebbenTamá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
RészletesebbenSzé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
RészletesebbenMegoldá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:
RészletesebbenHTML. Ismerkedés a JavaScripttel. A JavaScript lehet ségei. A JavaScript kód helye. Önálló JavaScript fájlok
HTML Ismerkedés a JavaScripttel webprogramozó A weblapokat HTML nyelven készíthetjük el. A HTML egyszer leírónyelv, nem alkalmas válaszolni a felhasználóknak, nem tud döntéseket hozni, nem tud végrehajtani
RészletesebbenWeblapszerkeszté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
RészletesebbenBEVEZETÉ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...
RészletesebbenInformációs technológiák 1. Gy: HTML alapok
Információs technológiák 1. Gy: HTML alapok 1/53 B ITv: MAN 2017.09.28 Hogyan kezdjünk hozzá? Készítsünk egy mappát, legyen a neve mondjuk: Web Ez lesz a munkakönyvtárunk, ide kerül majd minden létrehozott
RészletesebbenINFO1 Tartalom közlése a Weben: HTML, CSS
INFO1 Tartalom közlése a Weben: HTML, CSS Kovács Kristóf, Pálovics Róbert, Wettl Ferenc 2016-10-04 Kovács Kristóf, Pálovics Róbert, Wettl FerencINFO1 Tartalom közlése a Weben: HTML, CSS 2016-10-04 1 /
RészletesebbenA 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
RészletesebbenA 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
RészletesebbenA 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
RészletesebbenHTML É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
Részletesebbenqwertzuiopőú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...
RészletesebbenHTML 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é
RészletesebbenDokumentumformátumok Jelölő nyelvek XML XML. Sass Bálint sass@digitus.itk.ppke.hu. Bevezetés a nyelvtechnológiába 2. gyakorlat 2007. szeptember 20.
XML Sass Bálint sass@digitus.itk.ppke.hu Bevezetés a nyelvtechnológiába 2. gyakorlat 2007. szeptember 20. 1 DOKUMENTUMFORMÁTUMOK 2 JELÖLŐ NYELVEK 3 XML 1 DOKUMENTUMFORMÁTUMOK 2 JELÖLŐ NYELVEK 3 XML DOKUMENTUMFORMÁTUMOK
Részletesebbenw w w. h a n s a g i i s k. h u
Weblapkészítés weblap: hypertext kódolású dokumentumok, melyek szöveget képet linkeket, könyvjelzőket/horgonyokat táblázatokat / szövegdobozokat és más objektumokat tartalmaznak. Kódolásuk HTML (Hypertext
RészletesebbenWeb-fejlesztés NGM_IN002_1
Web-fejlesztés NGM_IN002_1 Alap reprezentációs technológiák HTML Hyper Text Markup Language SGML alkalmazás Dokumentum-struktúra leírásra nem lap leírás! hiperszöveg dokumentum szemantika fejlécek listák
RészletesebbenCSS3 alapismeretek. Bevezetés a CSS-be. Mi is az a CSS? Alkalmazási formái, szintaxisa
CSS3 alapismeretek Bevezetés a CSS-be Mi is az a CSS? A CSS az angol Cascading Style Sheets kifejezés rövidítése, ami magyarul talán egymásba ágyazott stíluslapoknak lehetne fordítani. Hasonlóan a HTML-hez,
RészletesebbenHTML 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
RészletesebbenHTML 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
RészletesebbenMester Gyula 2003 Internet
Internet Windows környezetben A HTML nyelv alapjai Kliensoldali programozás Szerveroldali programozás XML WAP Bevezetés Alapfogalmak Az Internet főbb szolgáltatásai Windows környezetben 1.1. Bevezetés
Részletesebben(statikus) (X)HTML oldalak, stíluslapok. Mi a HTML? HTML (HyperText Markup Language) - Hiperszöveges
Áttekintés (statikus) (X)HTML oldalak, stíluslapok A HTML története (X)HTML oldal felépítése Egymásba ágyazható stíluslapok CSS 1 / 1 2 / 1 Mi a HTML? A HTML története HTML (HyperText Markup Language)
RészletesebbenA 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
Részletesebben5-ös lottó játék. Felhasználói dokumentáció
5-ös lottó játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével 5-ös lottó játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az
RészletesebbenAlmá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
RészletesebbenA 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
Részletesebben(statikus) (X)HTML oldalak, stíluslapok
(statikus) (X)HTML oldalak, stíluslapok 1 / 37 Áttekintés A HTML története (X)HTML oldal felépítése Egymásba ágyazható stíluslapok CSS 2 / 37 Áttekintés A HTML története (X)HTML oldal felépítése Egymásba
RészletesebbenAz evangélikus honlapszerkesztő rendszer használata
Az evangélikus honlapszerkesztő rendszer használata Készítette: Magyarországi Evangélikus Egyház Internet Munkacsoport Bogdányi Gábor és Erdélyi Károly 2004-2006. Tartalomjegyzék Bevezetés Miről is van
RészletesebbenInformatika 1 5. előadás: Tartalom közlése a weben
Informatika 1 5. előadás: Tartalom közlése a weben Wettl Ferenc prezentációjának felhasználásával Budapesti Műszaki és Gazdaságtudományi Egyetem 2017-10-10 Amit megtanulunk A jelölőnyelv fogalma, a tartalom
RészletesebbenTili-Toli játék. Felhasználói dokumentáció
Tili-Toli játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével tili-toli játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal
RészletesebbenSzá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%
RészletesebbenGazdasá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
Részletesebben4. 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...
RészletesebbenÖsszetett feladatok. Föld és a Hold
1. feladat Összetett feladatok Föld és a Hold Készíts weblapot, ahol a Földet és a Holdat mutatod be! A weblaphoz tartozó nyers szöveg a fold.txt és a hold.txt tartalmazza. A forrásban megtalálod a fold.jpg
RészletesebbenA 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
RészletesebbenBudapesti Műszaki és Gazdaságtudományi Egyetem Villamosmérnöki és Informatikai Kar Automatizálási és Alkalmazott Informatikai Tanszék.
Budapesti Műszaki és Gazdaságtudományi Egyetem Villamosmérnöki és Informatikai Kar Automatizálási és Alkalmazott Informatikai Tanszék Egyszerűen Web Készítette: Kromesch Sándor (polgári szolgálatos) Konzulens:
RészletesebbenOktatá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
RészletesebbenWeb programozás I. tantárgyi információk
Web programozás I. tantárgyi információk Nagy Gusztáv honlap: http://nagygusztav.hu jegyzet e-mail: nagy.gusztav@gamf.kefo.hu tantárgy honlapja: http://webprog.hu/ tantárgyi hírek (nem ETR kurzusfórum!)
RészletesebbenBEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF
BEVEZETÉS A WEBLAPFEJLESZTÉSBE Kvaszingerné Prantner Csilla, EKF A mai haladó technológia 2 http://www.w3schools.com/ http://www.w3schools.com/html/html5_intro.asp http://www.w3schools.com/css3/default.asp
RészletesebbenBEVEZETÉS A WEBLAPFEJLESZTÉSBE. Kvaszingerné Prantner Csilla, EKF
BEVEZETÉS A WEBLAPFEJLESZTÉSBE Kvaszingerné Prantner Csilla, EKF A mai haladó technológia 2 http://www.w3schools.com/ http://www.w3schools.com/html/html5_intro.asp http://www.w3schools.com/css3/default.asp
RészletesebbenWWW Kliens-szerver Alapfogalmak Technológiák Terv. Web programozás 1 / 31
Web programozás 2011 2012 1 / 31 Áttekintés Mi a web? / A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Miről lesz szó... (kurzus/labor/vizsga)
Részletesebbenforrás: www.oktatovideok.hu Web és PHP leckék
forrás: www.oktatovideok.hu Web és PHP leckék Tartalomjegyzék HTML alapok... 3 HTML űrlapok... 9 JavaScript alapok... 12 Apache PHP - MySQL... 16 PHP alapok... 21 Űrlapok feldolgozása PHP-vel... 26 Adatbázis
RészletesebbenTartalom. 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
RészletesebbenTöbbfelhasználós és internetes térkép kezelés, megjelenítés
Többfelhasználós és internetes térkép kezelés, megjelenítés Többfelhasználós környezetek Egyszerű fájlszerveres megoldás, LAN (Novel, Windows hálózat) Egy fájl egyidejű módosítása több helyről nem lehetséges
RészletesebbenAz XML Bevezetés. Fabók Zsolt Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem. Utolsó módosítás:
Az XML Bevezetés Fabók Zsolt Ficsor Lajos Általános Informatikai Tanszék Miskolci Egyetem Utolsó módosítás: 2007. 10. 02. Szüks kségessége 2 Java: plattform független programok XML: plattform független
RészletesebbenStatikus és dinamikus weblapok
A statikus weblapok Statikus és dinamikus weblapok A honlapok lehetnek statikusak és dinamikusak. A statikus weblapok tartalma és forrás kódja állandó. A statikus weblapok létrehozására alkalmas a HTML
RészletesebbenInternet technológiák
Szabadkai Műszaki Szakfőiskola Internet technológiák dr Zlatko Čović chole@vts.su.ac.rs 1 XHTML űrlapok 2 XHTML űrlapok Minden űrlap jelölőelem a: form{action, enctype, method} Űrlaptartalom /form jelölőelem
Részletesebben