HTML elemek: Minden, amit tudnod kell a HTML-elemekről
Tartalomjegyzék
Mit nevezünk HTML elemnek?
Definíció szerint: ,,A web-programozásban HTML-elemnek nevezik a HTML dokumentumok szerkezeti elemeit, amelyek lehetővé teszik a tartalom hierarchikus elrendezését.”
A HTML-elemek az alábbi részekből állnak:
kezdőcímke: másképp kezdő tag, ez jelöli az elem kezdetét
attribútum(ok) és érték(ek): vagy jellemző(k), ezek határozzák meg az elem tulajdonságait
tartalom: ez jelenítődik meg
zárócímke: másképp zárótag, ez jelöli az elem végét
Azonban vannak olyan HTML elemek, amelyek nem rendelkeznek záró taggel, illetve tartalmi résszel sem, ilyen például az <IMG>.
Mielőtt megnéznénk, hogy hogy néznek ki a HTML-elemek, tisztázzuk, hogy a HTML elemek nem kis- és nagybetű érzékenyek, azaz az <IMG> és az <img> tagek ugyanazt jelentik és teljesen ugyanúgy működnek.
Vannak viszont olyan HTML-elemek, amelyekből hiányoznak az attribútumok. Ezeket nem muszáj mindig minden esetben megadnunk. Például az előző példában muszáj volt megadni, hiszen az <a> elemnek muszáj tudnia, hogy hova vigyen tovább, de például azt a tulajdonságát már nem kötelező megadnunk, hogy új ablakban vagy a saját ablakában nyíljon meg. De akár ezt is megadhatjuk.
Példa #2
Továbbá vannak olyan elemek, amelyeknek nem kell záró taget megadnunk. Ilyen például a <br> és az <img>.
<!DOCTYPE html>: Ez a sor határozza meg, hogy ez egy HTML dokumentum lesz, ezzel üzenve a böngészők számára.
<html>: Ez a HTML fájlunk gyökéreleme, kötelező ennek következnie a !DOCTYPE html rész után.
<head>: Ezt magyarul fejnek, fejszekciónak vagy fejrésznek hívjuk. Alapvető információkat tartalmaz a HTML oldalunkról. Például a következő szekciót.
<body>: Ez a dokumentum “test” része, ezután kell írni a weboldal tartalmát. Az e mögé írt tartalmak fognak megjelenni a böngészőben a weboldal részeként. Ezt követni fog majd még egy </body> tag. De ezt nem rakhatjuk ki még most. A záró tag-et csak akkor rakhatjuk ki, ha a weboldalunkat már feltöltöttük tartalommal.
</body>: Az elején írtuk a <body> nyitó tag-et. Ez a zárópárja. Ez jelzi a böngésző számára, hogy eddig tartott a megjelenítendő rész.
</html>: Ez pedig azt jelzi a böngészőnek, hogy itt ér véget teljesen a HTML dokumentum.
A leggyakrabban használt HTML elemek
Most pedig vegyük sorra a leggyakrabban használt HTML elemeket.
TITLE elem
A TITLE elemnek a nevéből is adódik, hogy a név megadására használjuk.
Szintaxis
<TITLE>Ide jön a név</TITLE>Code language:HTML, XML(xml)
Ennél a HTML elemnél kötelező a zárótag használata és a két TITLE közé írt szöveg nem fog megjelenni a weboldalon alapesetben, csak a böngészőben megnyitott lap címsorában.
h1, h2, h3, h4, h5, h6 elemek
A h1-h6 elemek tulajdonképpen címsorok. A h1 a legnagyobb címsor, míg a h6 a legkisebb. Alapvetően arra szolgának, hogy címként kiemeljék a fontosabb fejezeteket. Nézzünk egy pár példát erre.
A <BR> elem egy olyan elem, amelynek nincs zárópárja. Azaz a használatához elegendő csak annyit leírnunk, hogy <BR>. A BR kifejezés az angol break szóból ered, ami magyarul törést jelent. A <BR> hatására egy sortörés következik be.
Szintaktika
<BR>Code language:HTML, XML(xml)
Példa
HTML kód
<p>Ez itt egy bekezdés és <BR> itt megtöröm a sort.</p>Code language:HTML, XML(xml)
Fontos, hogy az <a> tag-nak van zárópárja, azt kötelező kiraknunk, hogy működjön. Azonban a legfontosabb rész a „href”, hiszen itt kell megadnunk, hogy hova mutasson a hivatkozásunk. Ugyanúgy, mint a képeknél, itt is megadhatunk abszolút és relatív útvonalakat.
Példa
HTML kód
<ahref="https://webiskola.hu">Ide kattintva eljutsz a webiskola.hu-ra.</a>Code language:HTML, XML(xml)
Bár ez már lehet, hogy sok mindenkinek leesett, de azért érdemes megemlíteni, hogy egyes elemek tartalmazhatnak más elemeket is. Mint például, ahogy láttuk, hogy egy BODY elemen belül lehet például egy p elem is. Vagy pedig egy p elemen belül használhatunk egy <br> elemet is.
Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!
