Példa: <HTML> <HEAD> </HTML> ….. </HTML> <BODY> </HTML> Ebben a részen először azt közöljük hogy e a dokumentum egy HTML oldal majd következik a HEAD mely az egész oldalra érvényes információkat rögiztjük A BODY részen helyezzük el azokat az elemeket amelyek vizuálisan is megfognak jelenni. És mindegyik bejegyzést a megfelelő módon le is zárunk oly módon hogy egy perjelet (/) teszünk eléje. Első látásra ez egyszerűnek tűnik és az is!! Naggyából minden kifejezésnél ugyanezt a módszer alkalmazunk :Először elkezdünk egy műveletet majd megismételjük a szóban forgó kifejezést egy perjellel téve eléje. Most lehet kétféle módon folytatni a műveleteket. Személy szerint ajánlom a Web Page Maker 3.0 verzió weblap tervezi programot ,de aki szövegesen akar programozni weblapot annak a Notepad megfelelő lesz.


1.2 Szöveges információk elhelyezése Aki a web page maker programot választotta annak egyszerü a dolga. A szöveg gomb megkeresése után könnyedén tud elhelyezni szövegeket . Aki pedig a Notepadot vagy más szöveges weblap tervező programot használ annak itt van a programsor amit csak be kell gépelni elöre megirtam és csak izlés szerint kell csak változtatni a szöveges dokumentumban elhelyezett szöveget. Itt a megirt programsor: <HTML> <HEAD> <TITLE>Ez az én oldalam!</TITLE> </HEAD> <BODY> Ez az elsö szövegem </BODY> </HTML> Az oldalunknak már van címe és tartalma is. De vajon a rajta szereplő dolgokat elhelyezhetjük-e máshogyan is? Erre több modszer is van mellyel az adott szöveget középre vagy jobbra esteleg balra tudjuk korrigálni. <div align=”leftIrightIcenter”>…</div> Ha valaki ezt nem értené akkor ez a mondat abol tevödik össze hogy egy adott szöveget merre szeretnénk látni a welapon. Például középen akk igy kell kinéznie: <div align=”center”>Hello</div> Van még egy fajta változat is tessék ez egyszerübb s gyorsabb itt is az adott szavat kell beírni :center left ill. right: <center>Hello</center> Természetesen a szöveget nem csak középre vagy jobb illetve bal oldalra illeszthetjük hanem tördelhetjük is a <br> beillesztésével. Itt amint látni lehet nem kell lezárni a sor végét! Példa: A szöveg elsö sora <br>A szöveg második sora Most pedig a bekezdést mutatom be: A szöveg elsö sora. <blockquote> a szöveg msáodik sora. </blockquote> Néhány további tanács és megjegyzés: - Ha egy weblap tartalmát normál szövegszerkesztővel (nem html-szerkesztővel) módosítod, a fájlban a szövegszerkesztő olyan - általad nem látható - kódokat helyez el, amelyeket a böngésző program nem tud értelmezni. Ezért ilyenkor az eredményt kizárólag un. egyszerű szöveg formátumban szabad elmenteni. A legjobb, ha a lehető legegyszerűbb szövegszerkesztőt használod (pl. Jegyzettömb). A mentéskor figyelj oda, hogy a fájl kiterjesztése .html maradjon. - A HTML nyelv kizárólag szöveges elemeket tartalmaz, a képeket külön fájlokban kell elhelyezni. A dokumentum csak a képre vonatkozó szöveges hivatkozást tartalmazza (a képi fájlt melyik könyvtárban, milyen néven találja, és hol kell elhelyezze az oldalon). Sőt, nem csak a képek tárolódnak külön fájlban, hanem minden grafikai jellegű elem, például ezen a honlapon a felső kék sáv. A sima szöveget most már listával is kiegészíthetjük, mivel a HTML világában ez is létezik. Lássuk hát: <ul> <li>Telefon <li>Pohár <li>DVD tok <li>Asztal </ul> Ugyanezt számozott változatan is megoldhatjuk: <ol> <li>Telefon <li>Pohár <li>DVD tok <li>Asztal </ol> Van egy érdekes dolog ár nem tudom hogy fejezzem ki de igen érdekes sok mindenen segithetmindenkinek lássuk hát. A <pre> kifejezés egynek vesz mindent. Í gy bármit is irsz az ugy fog megjelenni ahogy irtad. Példa: <pre> ez így fog megjelenni: --- I X I --- </pre> A szöveg kiemelés is lehetséges esetleg a betű döntése is megoldható: A szöveg <b>ezen része kiemelt</b> azután ez <i>meg dölt</i> <u>ez pedig aláhuzott</u> A kiemeltnél a helyett használhatunk strong jelzöt is de kever ni is lehet öket íme: Ez a rész most<b><i>félkövér dölt</b><i/i> Ezeket izlés szerint lehete kereverni. Most hogy már tudjuk a betüket dönteni aláhuzni és besorolni nézzük hogyan lehet ezeket különfle betütipusban kiirni nem csak az Arial tipust használni!!