Upload
otto-nagy
View
4
Download
0
Embed Size (px)
DESCRIPTION
HTML dokumentumokról
Citation preview
A HTML dokumentumokrlA dokumentumot ksztette: Almsi Pl
Bevezets1. A HTML dokumentum elvi felptse2. A HTML dokumentum fejlce3. A HTML dokumentum szvegtestnek felptse4. A HTML dokumentum cmszintjeinek felptse5. Bekezdsek a HTML dokumentumban6. Tabultorok a HTML dokumentumban7. Kereszthivatkozsok a HTML dokumentumok kztt8. Karakterformtumok a HTML dokumentumban9. Kpek elhelyezse a HTML dokumentumban10. Klnbz listaformtumok11. A HTML formtum tblzatai12. A HTML dokumentumablak felosztsa13. Krdvek a HTML dokumentumban14. A HTML dokumentum egyb elemei15. A HTML specilis karakterei16. A JavaScript hasznlata17. A HTML s a multimdia18.
A HTML dokumentumokrl 20040601
1/26
A HTML dokumentumokrlA HTML formtum dokumentumok megtekintse egy n. "World Wide Web bngszprogrammal" lehetsges.Hogy mirt? A HTML dokumentumformtumot tekinthetjk az n. hypertext egyik megvalstsi formjnakis. A HTML dokumentum egy olyan szvegfjl, amely a szvegen kvl tartalmaz n. "HTMLtag"eket formzutastsokat , valamint megjelentend objektumokra trtn hivatkozsokat is. Ezek a HTMLformzutastsok (ms szval: parancsok, elemek) befolysoljk a dokumentum megjelentst, kapcsolatait.Ezeket az utastsokat a bngszprogram rtelmezi s vgrehajtja. Ezen okbl a formzutasts mindig megelziazt a rszt a dokumentumnak, amelyre vonatkozik.
A dokumentumksztshez hasznlhat HTML utastsok kre llandan bvl, a nyelv fejldik. A szabvnyostscsak lassan kveti a fejldst. Ezrt nem minden bngszprogram tudja a HTML utastsok mindegyiktrtelmezni. Egy bngsz, ha szmra rtelmetlen utastssal tallkozik, akkor kihagyja, gy nem okoznakproblmt az jabb keletu mg szabvnyostatlan utastsok a rgebbi kiads WWWbngszknek sem.
Sajnos a fentiek miatt ugyanazt a dokumentumot kt klnbz program nem biztos, hogy azonos formban fogjamegjelenteni. Ms oka is van ennek. A WWWn kalandoznl kicsi a valsznusge annak, hogy rendelkezsrell ugyanaz a bettpus, mint a WWWoldalt fejlesztnek. Vagy kpek esetn semmi garancia nincs arra, hogyminden bngszprogram ugyanazon felbontsban s sznszmmal tudja megjelenteni a kpet. s gy tovbb ...
A HTMLben mgis az a nagyszer, hogy nagymrtkben megkzelti a platformfggetlensget. Egy HTMLdokumentum ha nem is azonos mdon mindenki szmra megtekinthet.
Nhny szban a HTML alapvet szablyairl
A HTML dokumentum norml szvegfjl. Brmely szvegszerkesztvel ltrehozhat, ill. mdosthat, amely nemhasznl klnleges fjlformtumot vagy ha ltezik TEXT formtum mentsi lehetsg benne.
A HTML utastsokat a szvegben < s > jelek kz kell zrni. Egyegy utasts HTML parancs, HTML elem hatst ltalban a zr utastsprja sznteti meg, amely megegyezik a nyit utastssal, csak a / jel vezeti be(termszetesen a < s a > jelek kztt). Az utastsok nagy rsze opcionlis elemeket is tartalmazhat, melyek csak anyitutastsban szerepelhetnek, a zrban nem. Az opcik rtkadsnl az idzjel nem mindig ktelez, csakajnlott. A HTML utasts kulcsszavaiban nem klnbztetjk meg kisbetket s nagybetket.
A HTML dokumentumokrl 20040601
2/26
A HTML dokumentumokrl
A HTML dokumentum elvi felptse
Minden HTML formtum szvegfjl a utastssal kezddik s a zrutastssal vgzdik.Ezen elemek kz kell zrni a teljes dokumentumot formzutastsokkal s hivatkozsokkal egytt.
A HTML dokumentumot kt rszre lehet bontani a fejlcre s dokumentumtrzsre. (Egy harmadik rsz lehet akeretek defincija.)
A dokumentumot a fejlcelemek vezetik be, melyek kezdett a utasts jelzi. A fejlcelemek kzttszoks a dokumentumcmet megadni, mely cmet a s a utastsok kz kell zrni. A fejlceta utasts zrja. Ezt a rszt a dokumentumnak ltalban az ablak cmsorban jelentik meg abngszprogramok.
A dokumentumtrzs amit voltakppen a WEBbngsz meg fog jelenteni a fjl s utastsok kztti rsze. Ezen elemek kztt kell elhelyezni mindent: a szveget, hivatkozsokat, kpeket, stb. (Akeretek s a JavaScript kdok kivtelvel!)
Az albbi egyszer plda rtalmaz fejlcet, trzst pedig egy elsszintu alcm s egy norml bekezds alkotja:
A dokumentum neve Fejlc elemek ...
A tulajdonkppeni dokumentumtrzs kvetkezik ... Ez itt egy alcm Ez itt egy norml bekezds
A HTML dokumentumokrl 20040601
3/26
A HTML dokumentumokrl
A HTML dokumentum fejlceA dokumentumot a fejlcelemek vezetik be, melyek kezdett a , vgt a utasts jelzi. Afejlcelemek kztt legfontosabb a dokumentumcm, mely cmet a s a utastsok kz kellzrni. Ezt a rszt a dokumentumnak ltalban az ablak cmsorban jelenti meg a legtbb bngszprogram. A utastsban szerepl URL hatrozza meg a bziscmet, melybla relatv cmeket rtelmezni kell. Az intelligens kiszolglk korban nem ktelez megadni. A utastssal jellhet ki a dokumentumban az alaprtelmezett betumret.Az utasts jelzi a keresrendszerek szmra, hogy indexdokumentumrl van sz.Az utastsban szerepl opcik jelzik dokumentum kapcsolatait ms dokumentumokkal, stluslappal,cmszalaggal, stb.Az utasts jelezheti a keresrendszerek szmra adokumentumadatbzisba kerl adatokat, pl. a dokumentum alkotjt, a ltrehoz programot, rvid tartalmat, stb.
A fejlcelemekre jellemz, hogy a bngszablakban nem jelennek meg! Ezrt a World Wide Weben szerepldokumentumok fejlcnek csak nagyon kis hnyada tartalmaz a cmen kvl egyb informcikat. HTML lers 3. lap
... dokumentumtrzs ...
A HTML dokumentumokrl 20040601
4/26
A HTML dokumentumokrl
A HTML dokumentum szvegtestnek felptse
Minden HTML formtum szvegfjl a s a utastsokkal kzrezrt rszben tartalmazza amegjelentend rszt. (A dokumentumkereteket kivve!) Ezen elemek kztt kell elhelyezni mindent: aszveget, hivatkozsokat, kpeket, stb.
A utastsban a dokumentumtrzsre vonatkoz fenti elrsok isszerepelhetnek opciknt. A BACKGROUND="elrsi_t/fjlnv.kit" opcival a dokumentum htterlszolgl fjlt jellhetjk ki. Httrsznt a BGCOLOR="sznkd" opcival kiegsztett utastssal definilhatunk.(Amennyiben httrmintul szolgl fjlt lsd fent is megadunk, akkor a httrszn csak nagyon ritkn fogeltunni a dokumentumban, pl. a keretek szeglyben.)A dokumentumban a szveg sznt a TEXT="sznkd" opcival jellhetjk ki. A LINK="sznkd" opci ahivatkozsok megjelensi sznt hatrozza meg. A VLINK="sznkd" pedig, a mr bejrt hivatkozsokat jellsznt hatrozza meg.
Termszetesen egyszerre tbb opci is szereplhet teht nem ktelez egyik sem a utastsban.
A szemlltets kedvrt az albbi szveg szles szegllyel hatrolt!
Ez itt egy hivatkozs, kattins r!
Ide mutat a hivatkozs!
A HTML dokumentumokrl 20040601
5/26
A HTML dokumentumokrl
A HTML dokumentum cmszintjeinek felptseA HTML formtum szvegfjlban definilhatunk cmeket, ill. alcmeket hat szint mlysgig. A legfels szintucmet a s a utastsprral kell kzrezrni. A msodik szintet a s a utastsok hatroljk, s gy tovbb a hatodik szintig ...Minden szint msms betuformtumban jelenik meg a dokumentumban, a bngszprogram belltstlfggen. A cmek igaztst szablyozza az ALIGN opci, melynek lehetsges rtkei: left, center, right.Amennyiben tl hossz a cm, de egy sorosnak kell maradnia, akkor a NOWRAP opci megakadlyozza a cmbetrdelst tbb sorba.
Klnleges cmnek tekinthet a cmszalag, melyet a , utastsprral kell kijellni.Tulajdonsga, hogy nem szkrollozdik a dokumentum tbbi rszvel ellenttben.
A cmek csak a szemll szmra keltik a tagoltsg rzett, a valsgban nem tagoljk fizikailag szakaszokra adokumentumot. Ezt a tagolst a , utastsokkal lehetmeghatrozni, ahol a CLASS opci sorolja a megfelel SGML osztlyba a szakaszt, az ALIGN pedig a szakaszigaztsi formtumt rja el. Az automatikus trdelst itt is megakadlyozza a NOWRAP opci, ez esetben aszakasz trdelst a vagy a utastsokkal lehet szablyozni.
Cmszalag Legfels szintu cmsor Msodik szintu alcmsor Harmaik szintu alcmsor Negyedik szintu alcmsor tdik szintu alcmsor Hatodik szintu alcmsor Ez egy szakasz, melyben a szveg elvileg azonos mdon kzpre igaztva kezelend.
A HTML dokumentumokrl 20040601
6/26
A HTML dokumentumokrl
Bekezdsek a HTML dokumentumban
Minden dokumentum, gy a HTML formtum dokumentum is, alapveten bekezdsekre tagoldik.A HTML fjlban a bekezdsek kezdett a utasts jelzi a bngszprogram szmra. (Teht ezen elem nem azelz bekezds vgt, hanem a kvetkez kezdett jelzi, vagyis mindig megelzi azt a bekezdst, amelyrevonatkozik!)
A bekezds a kvetkez bekezds kezdett jelz utastsig tart, teht nincs zrutastsprja a bekezds elemnek. Alegtbb bngszprogram kt bekezds kztt egy res sort szr be megjelentskor!
A bekezds elem hordozhat magban a bekezds stlust meghatroz opcikat. A bekezds igaztst a formj utastssal szablyozhatjuk. Az automatikus trdelst a NOWRAP opci tiltja mega bngszprogram szmra. Amennyiben trdelhetetlen szkzt ignyel a szveg, akkor az egyszeru szkzhelyett alkalmazzuk a klnleges karaktert.
Amennyiben egy bekezdsen bell mindenkppen j sort szeretnnk kezdeni, akkor a utastst kellhasznlni. (Nincs zrprja!)
A Netscape Navigatorban az automatikus trdels letilthat a s a utastspr hasznlatval aszveg a kt elem kz es rszre vonatkozan. E kt utasts kztt a utastssal lehet sortrstkiknyszerteni.
Ez alaprtelmezett (balra igaztott) bekezds. Ez balra igaztott bekezds. Ez kzpre igaztott bekezds. Ez jobbra igaztott bekezds. Ez sorkizrt bekezds lenne. Ez itt egy trdeletlen j hossz bekezds, amelynek eltunik a vge a semmiben ................................................... Itt egy sortrs elem tallhat, melynek hatsra j sorban folyatdik a szveg, s nem maradtkiressor.
A HTML dokumentumokrl 20040601
7/26
A HTML dokumentumokrl
Tabultorok a HTML dokumentumban
A HTML formtum fjlban a tabultor pozcikat a utasts jelzi. A szveget atabultorpozcihoz igaztani a utastssal lehet. Ha mg az igazts formjt is megkvnjuk adni, akkor a alak utastst kell hasznlni, ahol left, center,right, decimal tpus tabultorokat jellhet a "hely" paramter. (Tizedes tabultor alkalmazsnl megadhat a DPopcival az a karakter, amelyhez az igazts trtnjen.) Az alaprtelmezett tabultortvolsgot elem hatrozza meg. A tabultorokat a tapasztalatok szerint mg kevs bngszprogramtudja rtelmezni, ezrt a tblzat vagy elre formzott szveg alkalmazsa javallott a tabultorok helyett ... Szveg, szveg folytats ... Igazts. 48,125 Az alaprtelmezett tvolsg: 32. Ez a 32. karakternl kezddik. Ez pedig a 64. karakternl.
A HTML dokumentumokrl 20040601
8/26
A HTML dokumentumokrl
Kereszthivatkozsok HTML dokumentumok kztt
A HTML formtum lnyegt az egymsra s egyms tartalmra val hivatkozsok jelentik (vagyis a hypertextlehetsg). A dokumentum brmely rszhez hivatkozst (linket) helyezhetnk el, amelyet aktivizlva, ahivatkozottal sszefggsban lv szveghez jutunk el. A hivatkoz utastsok megjelensi formja sokfle lehet, aclobjektumtl fggen:
A legegyszerubb esetben a hivatkozs az adott fjl egy tvolabbi rszre mozdtja a bngszablakot. A hivatkozskezdett a utastsnak a dokumentumban val elhelyezse jelzi. A hivatkozst a utasts zrja le. Ez az elempr kzrezrhat szvegrszt, kpet, stb. A kzrezrt rszt a bngszprogram adokumentum tbbi rsztl eltren jelenti meg (pl. alhzssal, kerettel, ...), az egrkurzorral fl rve a mutatalakja megvltozik. Azt a rszt (praktikusan: knyvjelzt), ahov a hivatkozs mutat a s a utastsok kell, hogy hatroljk.
A legtbb esetben a egy hivatkozs egy msik fjlra/dokumentumra mutat. A hivatkozs kezdett ekkor a utasts jelzi, a hivatkozst ekkor is a utastselem zrja le.Mind a protokoll, mind az elrsi t elhagyhat, amennyiben azonos URLen van a kiindulsi dokumentum s ahivatkozott. A hivatkozott fjlnak e pldban nincs kln nvvel (knyvjelzvel) jellt rsze. Mukdsszempontjbl a fentebb lertak vonatkoznak erre a hivatkozsi formra is.
A legbonyolultabb esetben a hivatkozs egy msik fjl valamely pontosan meghatrozott rszre mutat. Ahivatkozs kezdett a utasts jelzi, s a hivatkozstszintn a elem zrja le. Ebben az esetben a hivatkozott fjl kell, hogy tartalmazzon egy olyan rszt(knyvjelzt), ahov a hivatkozs mutat. Ezt a rszt a s a utastsok hatroljk.
Megjegyzs: Ha az , utastspr kpet fog kzre, akkor a kp szegllyel jelenik meg, amelyszegly letilthat az utastsban elhelyezett BORDER=0 opci alkalmazsval.
Ennek a fjlnak a vgre visz ez a hivatkozs. A maki Almsi Utcai ltalnos Iskola honlapjra vonatkozik e hivatkozs. A fenti iskola jsgjnak egy adott helyre rept e hivatkozs. Ezen lerssal kapcsolatos vlemnyed rd meg! Itt az oldal vge!
A HTML dokumentumokrl 20040601
9/26
A HTML dokumentumokrl
Karakterformtumok a HTML dokumentumban
A HTML formtum szvegfjlban is hasznlhatjuk a szvegszerkesztkben megszokott karakterformtumokat.Az albbi tblzat a formzs kezd s zrutastsa kztt a mintt is tartalmazza.
Kezd elem Ilyen betformtumot eredmnyez Zr elem
Flkvr betuformtumot eredmnyez
Dltbets formtumot eredmnyez Alhzott formtumot eredmnyez
thzott formtumot eredmnyez Fixpontos betket eredmnyez
Kiemeli a szveget
Idzetekre hasznlhat
Vltoznevet jell Ez is egy kiemelsi lehetsg
Kdoknl hasznljuk Mintk jelzsre hasznljuk Billentyfelirat jelzse Idzet megjelentse Nagymret betformtumot eredmnyez
Kismret betformtumot eredmnyez
Alsindexet eredmnyez
Felsindexet eredmnyez
Villog szveget eredmnyez
A rszleteket lsd lentebb
A , utastsprral direkt mdonelrhatk a megjelen szveg betuinek a jellemzi. A FACE opcit nem szoks hasznlni, mert nem valsznu,hogy minden rendszerben rendelkezsre ll pl. az ARIAL CE FLKVR betutpus. A COLOR opci pontosanmeghatrozza a megjelentend szveg sznt. A SIZE opciban egy szmot megadva a betumretet hatrozzameg direkt mdon. (A SIZE opciban eljeles szm is szerepelhet, ami az alapbetutpushoz viszonytott mretetjell.)VastagDltAlhzottthzottFixpontosKiemelt
A HTML dokumentumokrl 20040601
10/26
IdzetVltoznvKiemeltKdMintaBillentyfeliratIdzetNagymretKismretAlsindexFelsindexVillogKicsi pirosNvekvARIAL CESYMBOL
A HTML dokumentumokrl 20040601
11/26
A HTML dokumentumokrl
Kpek elhelyezse a HTML dokumentumban
A HTML formtum dokumentumban kpeket grafikkat is elhelyezhetnk. Az utasts a szveg aktulis pozicijba helyezi a megadott kpet. Ennlazrt a legegyszerbb szvegszerkeszt program is tbbet nyjt. A HTML dokumentum csinostsra is vannak akpek elhelyezsnek finomabb lehetsgei is. Ha ezeket mind kihasznljuk, akkor az utasts a kvetkezkppenfog kinzni:.
Az ALIGN opci meghatrozza a kp igaztsnak mdjt, lehetsges rtkei: top, middle, bottom, left, right.A HSPACE a kp melletti vzszintes trkzt, a VSPACE pedig a fggleges trkzt (ha gy tetszik: margkat)hatrozza meg.A WIDTH a szlessgt, a HEIGHT pedig a magassgt adja a kpnek, az UNITS ltal meghatrozott egysgben(pixel vagy en).Az ALT azt a szveget adja meg, amelyet nem grafikus bngszk hasznlata esetn meg fog jelenni a kp helyett.
Az USEMAP, ISMAP sszetartoz opcik a kp klnbz terleteihez klnbz hipertext hivatkozsokatrendelhetnek. (Teht csak akkor van rtelmk, ha a kp egy hivatkozs rsze! Ekkor a hivatkozsok s utastsprjt nem kell megadni.) Ezenkvl szorosan kapcsoldik ezen opcikhoz (az utastst megelzen) a kvetkez utastsstruktra:
...
amellyel egy hivatkozsi trkpet kell megadni. Az utastsbl termszetesen tbb is szerepelhet. ASHAPE opci a circle, rect, polygon rtkeket veheti fel, amikor circle (kr) esetn a COORDS hrom vesszvelelvlasztott koordintt tartalmaz (kzpx,kzpy,sugr), rect (tglalap) esetben ngyet(balfelsx,balfelsy,jobbalsx,jobbalsy), a polygon (sokszg) esetn pedig minden cscs koordintit meg kelladni. A , utastsprral krlhatrolt hivatkozsi rsz kln fjlban iselhelyezhet. Ekkor az USEMAP opci kimarad. Vigyzat az ISMAP nem marad el! Helyette a s az utastsok kz kell zrni az utastst. (Ahol a fjlnv.mapannak a fjlnak a neve, URLje, amely a hivatkozsokat tartalmazza.)
Mak vros cmere szvegbe beszrva
gy jelenik meg ...
Ugyanez jobbra igaztva s arnyosan kicsinytve ...
Ugyanez balra igaztva s arnyosan kicsinytve ...
Ugyanez a szveg fels szlhez igaztva ...
HEIGHT="100" UNITS="en" ALT="...">Ugyanez sorkzpre igaztva, valamint ...
Ugyanez a sor als szlhez igaztva, valamint ...
VGE"/A>
A HTML dokumentumokrl 20040601
13/26
A HTML dokumentumokrl
Klnbz listafomtumok a HTML dokumentumban
A HTML formtum szvegfjlban hasznlhatunk listkat is, amelyek szvegszerkesztkbeli megfeleli afelsorolsok s bajuszos bekezdsek. A szmozott bekezdsek (felsorolsok) megfelelje a szmozott lista, az n."bajuszos" bekezdsek megfelelje pedig a szmozatlan lista. A harmadik lista tpus pedig a ler lista, ahol azegyes lista elemekhez tartozhat egy hosszabb lers is.
A szmozott listt az s az utastsok kz kell zrni. A szmozatlan listt pedig az , utastspr kz. Mindkt tpus listban hasznlhatjuk a listafejlcet, melyet az utasts vezet be az pedig zr! Mindkt listatpusban a listk sorai az utastssal kezddnek s nem hasznlatos a lezrprjuk! A fentiekbl kzvetkezik, hogy a listasorok egy utaststl a kvetkez utastsig, ill. a listazrelemig tartanak.
Szmozott lista esetben a kezd sorszm kzvetlenl megadhat az formjkezdutastssal. Msik lehetsg, hogy egy elzelg definlt lista szmozsa folytathat az kezdutasts hasznlatval. Egybknt az utasts 1tl kezdi a lista tagok szmozst.
A szmozatlan listk kezdeleme is hordozhat formzinformcikat. Az formjutasts pldul a listasort megelz bajuszknt a megadott kpfjlt hasznlja. Az a megadott bajuszkaraktert alkalmazza. Az pedig tbboszlopos listk esetn az igaztsformjt hatrozza meg. (A WRAP opci a horiz s a vert rtkeket veheti fel.
A szmozatlan listk specilis kln HTML utastsokkal ltrehozhat fajti a knyvtrlista s a menlista. Aknyvtrlista tpus a utastssal kezddik s a utastsra vgzdik. A menlista pedig sa utastsokkal hatrolt. Ezek a listaformk a norml szmozatlan listktl mindssze annyibanklnbznek, hogy a knyvtrlista tagjai 20 karakteresnl, a menlista tagjai pedig egy sorosnl nem lehetnekhosszabbak s nincs "bajuszuk".
A ler listt a s a utastsok kz kell zrni. A lista fejlc megadsa azonos az tbbi listatpusnlltottal. A listk egyes alkotelemeinek kezdett a utasts jelzi, az ehhez tartoz lers kezdett pedig a utasts hatrozza meg. Nincs egyik utastsnak sem zr prja, ezrt a lista tag a elemtl aig, a hozz tartoz lers pedig a elemtl a kvetkez ig tart.
Az albbi pldban lthat, hogy a klnbz listkat egymsba is gyazhatjuk, akr tbb szint mlysgben is. Abngszprogramtl fgg, hogy hny szintet tud egymstl megklnbztve megjelenteni: Norml szveg A szmozott lista fejlce Els sor A begyazott lista fejlce Els elem Msodik elem Harmadik elem Msodik sor Harmadik sor Negyedik sor Norml szveg
A HTML dokumentumokrl 20040601
14/26
A szmozatlan lista fejlce Els sor Msodik sor A begyazott lista fejlce Els sor Msodik sor Harmadik sor Knyvtrlista: Els tag Msodik tag Harmadik tag Negyedik tag Menlista: Els men Msodik men Norml szveg A ler lista fejlce Els sor Az els sorhoz tartoz lers, lehet hosszabb szveg is. A lers trdelse automatikus. Szpen igazodnak a betrdelt sorok az els sor kezdpontjhoz. Msodik sor A msodik sorhoz tartoz lers Norml szveg
A HTML dokumentumokrl 20040601
15/26
A HTML dokumentumokrl
A HTML formtum tblzatai
A HTML formtumnak ez az utastscsoportja kpes a legvltozatosabb szveg, s kpmegjelentsi formkellltsra. A s a utastsok kz zrt rszt tekintjk egy tblzatnak. A tblzatnak acmt a s a utastsok kztt kell megadni. (Figyelem! Az gy megadott cm nem atblzatban, hanem eltte fog megjelenni!) A cm formj megadssal igazthat.
A tblzat minden sora a utastssal kezddik s a kvetkeZ ig, ill. a tblzat vgig tart. Egy sortartalmazhat oszlopfejlceket s adatokat. Az oszlopfejlceket a utasts vezeti be s vlasztja el egymstl.A tblzat adatcelli pedig a rel megkezdett sorban egy utastssal kezddnek s minden cella akvetkeZ ig ill. a kvetkeZ sor elejt jelZ elemig tart, ahol rtelemszeruen j cella kezddik. Azoszlopfejlceknek s az adatcellknak csak a kezdutastsa hasznlatos habr van lezr utastsuk is (,) , mert a zrutastsuk elhagyhat!
A tblzat nyitutastsa tartalmazhat a teljes tblzatra vonatkoz belltsokat: Ahol aBORDER opci a rcsozat szlessgt hatrozza meg. (0 esetn nincs rcsozat.) Az ALIGN a teljes tblaelhelyezkedst hatrozza meg ( left, right, center lehet). A COLSPEC egy oszlop igaztst s szlessgt adjameg. Egy oszlopra vonatkozan egy betu s szm egyberva (pl.: L12 C24 R10), melytl a kvetkeZ oszloprtkeit egy kz vlasztja el. Az UNITS a szmokhoz tartoz mrtkegysget jelli ki (en, relative oszlopszlessghez , pixel). A NOWRAP opci a cellk szvegnek trdelst tiltja le. Vgl a BGCOLOR atblzat httrsznt hatrozza meg.
A tblzat oszlopfejlcei nem csak a legfels oszlopban szerepelhetnek, hanem a tblzatban brhol (pl. sorokcmeknt is). Mind az oszlopfejlcekben, mind az adatcellkban hasznlhatk a kvetkez formzsra val opcik:
COLSPAN="szm":Egyest tbb egymssal szomszdos cellt vszintesen.
ROWSPAN="szm":Egyest tbb egymssal alatti cellt fgglegesen.
ALIGN="hely":Igaztja a cellk tartalmt vszintesen. Lehetsges rtkei: left, center, right, justify, decimal
VALIGN="hely":Igaztja a cellk tartalmt fgglegesen. Lehetsges rtkei: top, middle, bottom, baseline
A tblzat cme Az 1.2. oszlop kzs fejlce A 3.4.5. oszlop kzs fejlce A 6. (2 soros) oszlop fejlce Az 1. oszlop msodrendu fejlce A 2.3. oszlop msodrend fejlce A 4.5. oszlop msodrend fejlce Az els adatsor cme Az els adatcella Adat (indexe: C3) Adat (indexe: D3) Adat (indexe: E3) Adat (indexe: F3) A 2. adatsor cme
A HTML dokumentumokrl 20040601
16/26
Adat (indexe: B4) Adat (indexe: C4) Adat (indexe: D4) Adat (indexe: E4) Adat (indexe: F4) Fggleges igaztsok Le Fel Kzpre Adat (indexe: F5) Ettl a celltl balra egy res cella, alatta pedig kt res cella sszevonva Vzszintes igaztsok: Alaprtelmezs Balra Kzpre Jobbra
A HTML dokumentumokrl 20040601
17/26
A HTML dokumentumokrl
A HTML dokumentumablak felosztsa
Egyetlen bngszablakban tbb HTML dokumentum is megjelenthet a s a utastspr, valamint a szorosan kapcsold utasts egyttes hasznlatval.
A kezdutastssal oszthat fel a kperny fgglegesen, a utastssal pedig vzszintesen. Ahol az oszlop s sorhatrok megadhatkkpernypontban ill. szzalkosan vesszvel elvlasztva , a maradk kpernyterletre pedig a *dzskerkarakter hasznlatval lehet hivatkozni. Mivel vagy csak vzszintesen, vagy csak fgglegesen oszthat fela kperny, ezrt ha mindkt irnyban osztott bngszablak ltrehozshoz a elemeketegymsba kell gyazni! Teht pldul egy fggleges felosztson bell kell vzszintesen elvlasztott rszekretagolni egy oszlopot.
A fenti mdon definilt terletekre a utasts tlti be a megadott objektumot, melyobjektum lehet egy teljes HTML fjl, annak egy maghatrozott rsze, ill. egy kp. Az gy kitltend keretekviselkedst szablyozza az utasts alak megadsa.
Az adott keretnek nevet ad a NAME opci, a szkrollozst letilthatja SCROLLING="no" kiegszts (ezenkvl ayes s az auto rtkeket veheti fel a SCROLLING opci), a MARGINWIDTH s a MARGINHEIGHT pedig akereten belli margk szlessgt szablyozza.Pldul a fejlcben megadott utasts a NAME="nv" opcival elnevezett keretbeirnytja a hivatkozsokat. Egybknt az utasts is ismeri a TARGET="nv" opcit. (ATARGET="_top" opcival az egsz bngszablakot elfoglalja a hivatkozott dokumentum, teht feloldja azablak keretekre osztst!) Ha ezek egyike sem szerepel, akkor a hivatkozs a hivatkoz objektum keretben jelenikmeg, fellrva azt!
A , utastsprral hatrolt terletnek meg kell elznie a utastssalkijellt dokumentumtrzset! St a egy utastssal kell jelezni a dokumentum azon rsznekkezdett, amelyet akkor kell a bngsznek megjelentenie csak, ha nem ismeri a keretutastsokat. s csak ez amel kezdd rsz tartalmazhatja a s a utastsprt.
Sajnos ez a bngsz nem tmogatja a keretek hasznlatt!
A HTML dokumentumokrl 20040601
18/26
A HTML dokumentumokrl
Krdvek a HTML dokumentumban
A HTML formtum dokumentumban krdveket is kzztehetnk, melyek feldolgozshoz kln programot kellrni. (Nem HTMLalapt! ltalban a kiszolgl /cgibin/ knyvtrban tallhat programrl van sz.)
A s a utastsok zrjk kzre akitltend krdvet/urlapot. Az opcikat ajnlott mindig megadni, mr csak azrt is, mert az ACTION hatrozzameg a feldolgozst vgz programot, a METHOD pedig a kitlttt urlap tovbbtsi mdjt a feldolgozprogramnak. Lehetsges rtkei: GET az URLben, POST adatcsomagban. Az alaprtelmezs a GET, amibizonyos veszlyeket rejt magban, mivel tl hosszra nylhat az URL. A POST a biztonsgosabb md.
Az utastssal hatrozhat meg egy kitltendurlapmez. A NAME termszetesen a meznv, amely alapjn a feldolgozprogram azonostja a bevitt adatot. ATYPE pedig az adattpus, melyet vr a beviteli mez. Lehetsges tpusok: TEXT szveg, PASSWORD jelsz(nem jelenik meg bevitelkor!), HIDDEN rejtett (ez sem jelenik meg), CHECKBOX kapcsol (tbb iskivlaszthat egyszerre), RADIO kapcsol (egyszerre csak egyet lehet kivlasztani), RANGE numerikus adat,FILE csatoland fjl, SUBMIT adattovbbt gomb, RESET inicializl gomb, BUTTON egybnyomgomb. Az utastsban tovbbi opcik is szerepelhetnek, a f opcik rtkeitl fggen:A VALUE kiegszt opcival megadott rtket veszi fel alaprtelmezsknt a szveges vagy numerikus bevitelimez. TEXT tpus mez esetn egy tovbbi opci, a SIZE="mret" opci hatrozza meg a beviteli ablak szlessgt,a MAXLENGTH="rtk" pedig a bevihet maximlis szveghosszt. A CHECKBOX s a RADIO tpus mezk tovbbi paramtere lehet a CHECKED opci, mely bekapcsolja akapcsolt alaprtelmezsknt. RANGE tpus mez esetn megadhat az a tartomny, melybe a bevitt rtknek bele kell esnie, aMAX="maximum" s a MIN="minimum" tovbbi opcikkal. A FILE tpus mezben megadott fjl az ACCEPT kiegszt opcival megadott MIME mdon csatoldik azelkldend krdvhez. (Megjegyzs: Egy Browse nyomgombbal tmogatott fjlkeresablakbl lehet a fjltkivlasztani.) A SUBMIT s a RESET gombokhoz tartoz kiegszt opci a VALUE="felirat", amely a gombok felirattjelli ki. Egybknt a SUBMIT gomb lenyomsnak hatsra kldi el az urlapadatokat a krdv a feldolgozprogramnak, a RESET gomb lenyomsa pedig az alaprtkekkel tlti fel a beviteli mezket.
Hosszab szveg bevitelre alkalmas a, utastspr, amely egy beviteli ablakot nyit a COLSban megadott szlessgben s a ROWSban megadottsorban. A VALUE az alaprtelmezsknt megjelentend szveget adja meg.
Egy krdsre adand vlasz egyszeru menbl trtn kivlasztst teszi lehetv a krdven a, utastsokkal ltrehozott kivlasztsos men, melynekmenpontjait az utastssal adhatjuk meg.
A SIZE opci azt hatrozza meg, hogy hny sorban jelenjenek meg a vlaszthat menpontok. Megadsvalszkrollozhat ment kapunk. Elhagysa esetn, n. legrdl menbl lehet vlasztani. A MULTIPLE opciesetn tbb menpont is kijellhet egyszerre. Az formj utasts adja meg azalaprtelmezett vlasztst!
Az albbi plda egy sokelem krdvet mutat be:
Adatfelvteli lap:
A HTML dokumentumokrl 20040601
19/26
Vezetkneve:
Keresztneve:
Frfi: N: Kora:
rdekldsi kre:Windows: Win95: LINUX: OS/2:
Kzlendk:
Foglakozsa:
diktanrnyugdjasegyik sem
Csatoland fjl(ok):
A HTML dokumentumokrl 20040601
20/26
A HTML dokumentumokrl
A HTML dokumentum egyb elemei
A mshov nem sorolhat elemek egy csokrt lehet ezen az oldalon megtallni:
Egy HTML formtum szvegfjl a tartalmazhat megjegyzseket. A megjegyzs egyik tpusa a megjelentendmegjegyzs, a s a utastsokkal kzrezrva. A HTML dokumentumban elhelyezhetk olyanmegjegyzsek is, melyek sehol sem jelennek meg a dokumentum WEBbngszvel trtn megjelentsekor.Viszont a fjl tszerkesztskor segtsgl lehetnek a mdostst vgznek. A megjegyzseket a utastsok kztt kell elhelyezni.
Egy HTML formtum szvegfjl a tartalmazhat lbjegyzeteket. Az s a utastsokkztt szerepel a lbjegyzet szvege. Az gy definilt lbjegyzetszvegre hivatkozik a szvegnek az s az utastsokkal jellt rsze.
Amennyiben a megjelentend szveg formtuma pontosan olyan kell, hogy legyen, mint ahogy a HTML fjlbanszerepel, akkor azt az elreformzott szveget jelz utastsok kz kell zrni. Ezen utastsok a s a. A kzjk zrt szveg pontosan annyi szkzzel, pontosan annyi sorban s olyan llapotban fog adokumentumban megjelenni, mint ahogy azt a HTML fjl tartalmazza. E dokumentumsorozat pldi is ly mdonkerltek rgztsre ...A , utastspr hasznlatval egy trdeletlen szveg az adott szlessgbenbetrdelhet.
A szvegrszeket tagols vagy eszttikai ok miatt vzszintes vonallal el lehet vlasztani egymstl. Legegyszerubbesetben a utasts egy vzszintes elvlaszt vonalat helyez el az adott ponton, a rendelkezsre llszlessgben. Ezt a durva megjelentst lehet azrt finomtani a alak utastssal.Az ALIGN az igazts helyt adja meg (left, right, middle). A WIDTH a vonalhosszt definilja, a SIZE pedig avonal szlessgt. Mindkettt meg lehet adni kppontban, ill. a hosszt az ablakszlessg szzalkban. ANOSHADE pedig trhatst (rnykoltsgot) tiltja le.
A utastshoz hasonlan nincs klnsebb hatsa az , s a , a utastsproknak sem.Az elbbi postai cmet jell, az utbbi pedig egy idzet forrst. Ez itt egy jegyzet Ehhez a sorhoz lbjegyzet tartozik. Ez a sor sok kzt tartalmaz. Ez pedig egy j sor, pedig nem elzte meg sem , sem me a fenti jelzshez tartoz lbjegyzet
A HTML dokumentumokrl 20040601
21/26
A HTML dokumentumokrl
A HTML specilis karakterei
Ha egy HTML formtum szvegfjl nem csak az angol ABC alfanumerikus jeleit akarjuk hasznlni, hanemkezetes betket vagy specilis jeleket is, akkor a HTML specilis jeleit kell hasznlni. Lehetsges az ESCAPEszekvencia alapjn trtn jellse s ISOkd szerinti megadsa is ezen specilis jeleknek.
Az ABC beti s kdjaikElnevezs Jel ESC ISO Elnevezs Jel ESC ISO
Nagy A bet A A A Kis a bet a a a
Nagy bet Kis bet Nagy B bet B B B Kis b bet b b b
Nagy C bet C C C Kis c bet c c c
Nagy D bet D D D Kis d bet d d d
Nagy E bet E E E Kis e bet e e e
Nagy bet Kis bet Nagy F bet F F F Kis f bet f f f
Nagy G bet G G G Kis g bet g g g
Nagy H bet H H H Kis h bet h h h
Nagy I bet I I I Kis i bet i i i
Nagy bet Kis bet Nagy J bet J J J Kis j bet j j jNagy K bet K K K Kis k bet k k k
Nagy L bet L L L Kis l bet l l l
Nagy M bet M M M Kis m bet m m m
Nagy N bet N N N Kis n bet n n n
Nagy O bet O O O Kis o bet o o o
Nagy bet Kis bet Nagy bet Kis bet Nagy bet O Kis bet o Nagy P bet P P P Kis p bet p p p
Nagy Q bet Q Q Q Kis q bet q q qNagy R bet R R R Kis r bet r r r
Nagy S bet S S S Kis s bet s s s
Nagy T bet T T T Kis t bet t t t
A HTML dokumentumokrl 20040601
22/26
Nagy U bet U U U Kis u bet u u u
Nagy bet Kis bet Nagy bet Kis bet Nagy bet U Kis u bet u Nagy V bet V V V Kis v bet v v v
Nagy W bet W W W Kis w bet w w w
Nagy X bet X X X Kis x bet x x x
Nagy Y bet Y Y Y Kis y bet y y y
Nagy Z bet Z Z Z Kis z bet z z z
Nhny specilis jel s kdjaikElnevezs Jel ESC ISO Elnevezs Jel ESC ISO
Tabultor Soremels
Szkz Felkiltjel ! ! !Idzjel " " " Szmjel # # #Dollrjel $ $ $ Szzalkjel % % %
Angol s jel & & & Aposztrf ' ' &Bal zrjel ( ( ( Jobb zrjel ) ) )Aszteriszk * * * Pluszjel + + +
Vessz , , , Ktjel - Pont . . . Perjel / / /
Nulls 0 0 0 Egyes 1 1 1
Kettes 2 2 2 Hrmas 3 3 3
Ngyes 4 4 4 ts 5 5 5Hatos 6 6 6 Hetes 7 7 7
Nyolcas 8 8 8 Kilences 9 9 9
Kettspont : : : Pontosvessz ; ; ;
Kisebb jel < < < Egyenlsgjel = = =Nagyobb jel > > > Krdjel ? ? ?
Kukac @ @ @ Bal zrjel [ [ [Visszaper jel \ \ \ Jobb zrjel ] ] ]Hatvnyjel ^ ^ ^ Alhzs _ _ _
Vissza aposztrof ` ` ` Bal kapocs { { {Fggleges | | | Jobb kapocs } } }
Tilde jel ~ ~ ~ Als aposztrof
A HTML dokumentumokrl 20040601
23/26
Als idzjel Kereszt Ketts kereszt Ezrelk Fels vessz Fels vessz
Ketts vessz Ketts vessz
Szorzs jel Mnusz eljel Kivons jel Trade Mark Cent jele c Font jele L
Csvezetk jel Paragrafus jel Umlaut Copyright
Bal trt idzet Lgy ktjel - Registered TM Fok jele Pluszmnusz kezet
Mikro Bekezds vge Kzpen pont Jobb trt idzet
Szorzs kereszt Scharfes s
Oszts jel
Jel ESCAPE ISOkd Jel ESCAPE ISOkd O o U u
A HTML dokumentumokrl 20040601
24/26
A HTML dokumentumokrl
A JavaScript hasznlata a HTML dokumentumban
Egy HTML formtum szvegfjl a tartalmazhat JavaScript "programnyelven" megrt kdsorokat is s a utastsokkal kzrezrva. A JavaScript, mint programnyelvbemutsra nem kerl most sor. Ezrt csak rviden:
A JavaScript vltozkat s fggvnyeket a dokumentum fejlcben szoks definilni. (Vagyis a s a utastsokkal kzrezrt rszben a dokumentumnak. Az gy definilt fggvnyeket lehet meghvni, avltozkra lehet hivatkozni a szveg HTML elemeiben.
Figyelem! Nem tvesztend ssze a JavaScript a JAVA programozsi nyelvvel. A JAVA nyelven nllprogramokat lehet rni, melyeket az utastssal lehet meghvni.
Az albbi JavaScript programocska egy j bngszablakot hoz ltre WINDOWS alatt:
HTML lers 17. lap
JavaScript plda
A HTML dokumentumokrl 20040601
25/26
A HTML dokumentumokrl
A HTML s a multimdia
A HTML formtum szvegfjlban szerepelhetnek multimdia jellegu fjlokra trtn utalsok is, azonban azeredmny enyhn szlva ktsges! me nhny:
A utasts a letlts kzben lejtszand hangeffektusthatrozza meg, mely a LOOPban megadott alkalommal ismtldik.
A utasts hatsra a bngsz megjelent egy hivatkozst a lejtszandhangeffektusra, amelyet aktivlva az adott hangfjlt lejtssza.
Mozgkpet tartalmaz fjl is elhelyezhet a HTML dokumentumban az utastssal, amely az utastssal iskombinlhat. (Ebben az esetben a mozg kpsorok lejtszsa utn a megadott kp jelenik meg a dokumentumban,ill. akkor is, ha a bngsz nem tudja a mozgkpet lejtszani.) Az opcik megegyeznek a hang s kpfjloknlalkalmazhatkkal.
A HTMLben kln nem tmogatott tps fjlok begyazhatk a dokumentumba az utastssal. Az gy begyazottobjektumok sajt megjelentprogramot ignyelnek, amelyet a bngsz feladata meghvni.
A HTML dokumentumokrl 20040601
26/26