HTML Szintaktika

Innen: IT documentation
A lap korábbi változatát látod, amilyen Moszat (vitalap | szerkesztései) 2020. január 2., 09:56-kor történt szerkesztése után volt.

Mi a HTML?

A HTML (Hyper Text Markup Language) nyelv a weboldalak nyelve. A böngészők (mint a Firefox, Google Crome, Safari vagy az Internet Explorer) olvassák a HTML dokumentumokat és megjelenítik a weboldalakat.

HTML Tag-ek

A HTML nyelv nem programnyelv, hanem leíró nyelv. A leíró nyelv 'tag'-ek ből áll. A HTML tag-ek nem jelennek meg, de a böngészők értelmezik őket. A tag-ek általában egy kulcsszóból állnak relációs jelek közt. Pl.: <html> A tag-ek általában párban vannak. Pl.: <b> és </b> Az első tag a nyitó tag, a másodig a záró tag. A tag a nyitó és záró tag közti tartalom valamely tulajdonságát írja le.

HTML forrás fájl

Szintaktika:

<html>
<body>

<h1>Az első fejlécem</h1>

<p>Az első bekezdésem</p>

</body>
</html>

A HTML dokumentum szerkesztése

Mivel a HTML dokumentum tulajdonképpen egy egyszerű szöveges fájl, ezért bármilyen szövegszerkesztővel szerkeszthető. Ha forrás szinten akarjuk szerkeszteni a HTML dokumentumokat lehetőleg egyszerű karakteres szerkesztővel tegyük. Legtöbbjük ma már fel van készítve a HTML és XML tagek, illetve egyéb nyelvek összefüggéseinek, szerkezetének kezelésére és segítenek szintaktikailag helyes forrásfájlokat készíteni. Grafikus szövegszerkesztőkkel, mint pl: az Open Office vagy a Microsoft Word nem javasolt forrás szintű szerkesztés, mert egyéb egyedi formázásokat helyeznek el a dokumentumokban, ami a böngészőkben helytelenül jelenik meg vagy hibát okoz. Professzionális web szerkesztésre kifejezetten erre a célra készített szoftver használjunk, pl: Adobe Dreamweaver. Bonyolultabb aktív tartalmat, adatbázis támogatást igénylő oldalakhoz pedig Tartalomkezelő Rendszerek (CMS) használatosak.

HTML attribútumok

A HTML elemeknek lehetnek attribútumai. Az attribútumok további információkkal szolgálnak az elemről. Az attribútumokat minden esetben a kezdő tagben kell megadni. Az attribútumok név / érték párokból állnak. Pl: name="érték"

Szintaktika:

<a href="http://google.com">Ez egy link</a>

A HTML-ben a linket az <a> tag írja le, a link címét, azaz URL-jét a href attribútum adja meg. Az attribútum értékét mindig idézőjelbe kell tenni. Általában dupla vesszős idézőjel használatos, de amikor az attribútum értéke maga is tartalmaz idézőjeleket használhatóak az aposztrófok is. Pl: name = 'John "shotgun" Nelson'

Rövid tagek

A rövid tagek olyan tagek amelyeknek nincs záró tag párja. Csak attribútumokat tartalmazhatnak.

Szintaktika:

<br />
<img src="images/logo.png" />

A <br> tag a HTML-ben a sortörést definiálja, attribútuma nincs. Az <img> tag egy az src attribútumban meghatározott képet szúr be a HTML dokumentumba. Egyik esetben sincs záró tag. A rövid tageket /> -el zárjuk le a HTML szabvány szerint, de a böngészők elogadják az egyéb tageknél megszokott > lezárást is.