* Kérdés, észrevétel   Ő Vissza   

Általános megjegyzések

A html elem egy nyitó és egy záró tag-gel fogja körül azt a szövegrészt, amire vonatkozik. A nyitórész kacsacsőrök között tartalmazza az elem nevét, a záró részben a nevet megelőzi egy / jel. Pl.: <elem>…</elem>. Sok elemhez megadhatók az elem tulajdonságait módosító paraméterek is, ezeket a nyitó elemen belül szóközökkel elválasztva kell felsorolni. A paraméter nevét egy egyenlőségjel követi, majd a paraméter értéke macskakörmök között. Pl.:
<elem paraméter="érték" paraméter="érték" …>…</elem>
<a href="http://www.star.bme.hu" target="_blank">…</a>

Az elemek egy részéhez kötelező kitenni a záró elemet, más részüknél ez opcionális, néhány elemnek pedig nincs záró párja. Az elemek, paraméterek és paraméter-értékek neveiben nem különböztetjük meg a kis- és a nagybetűt, így bármelyiket lehet használni. A paraméterértéket csak akkor nem kell macskakörmök közé tenni, ha kizárólag szöveget tartalmaz, tehát szám (20), szín (#000000), százalék (100%) megadása esetén kell a macskaköröm. Persze legegyszerűbb mindig kitenni.

Az újabb szabványok (XML, XHML 1.0) szigorúbbak, ezek szerint mindent kisbetűvel kell írni (elem neve, paraméter neve, etc.), és az opcionális záró elemeket is mindig ki kell tenni. Ezért nem jelöltük, ha egy elem záró eleme nem kötelező. Ha nincs záró elem, akkor pl. <br /> vagy <img /> formában kell írni az elemet, ezt így is jelöljük a mintapéldákban. Ha egy paraméternek csak a jelenléte számít, értéke nincs, akkor is ki kell írni az értékét, ami ilyenkor a neve, pl.: <option selected="selected">.

Egy html lap böngészőben való megjelenítésekor soha nem fogunk hibaüzenetet kapni. Ha kisebb hibát vétettünk (pl. egy opcionális záró elemet elhagytunk), akkor ezt a böngésző magától kiegészíti. Súlyosabb esetben, ha nem tudja értelmezni a megadottakat (pl. elgépeltük egy elem nevét), akkor azt egyszerűen figyelmen kívül hagyja, mintha ott sem lenne. Ezért érdemes a kész lapot ellenőrizni egy Html Parserrel, és egy CSS Parserrel.

A gyorsreferencia használatáról

Ebben a gyorsreferencia a HTML dokumentumleíró nyelvet és a CSS stíluslap (formázás) leíró nyelvet mutatja be példákon keresztül. Az egyes példák eredménye mindig a jobb oldalon látszik, míg a hozzá tartozó HTML vagy CSS kód a bal oldalról közvetlenül kimásolható és felhasználható. A kódot és az eredményt más háttérszín jelzi.

Ez a gyorsreferencia nem a html nyelv leírása. Az alapelvek megismeréséhez ajánljuk az előadáson bemutatott diasorozat tanulmányozását, amely html és nyomtatható (pdf) változatban is elérhető.