Hypertext Markup Language (tsz. Hypertext Markup Languages)
Jelölőnyelv: A HTML nem programozási nyelv, hanem egy jelölőnyelv, ami azt jelenti, hogy nem tartalmaz logikai vagy interaktív elemeket. A HTML csak arra szolgál, hogy meghatározza a dokumentum szerkezetét és a tartalom típusát a megfelelő jelölők (tagek) segítségével.
Tagek (elemek): A HTML kód elemekből áll, amelyeket a böngésző értelmez és megjelenít. Ezek az elemek különféle címkékkel (tagekkel) jelölik meg a dokumentum különböző részeit. Minden HTML tag egy nyitó tagból és általában egy záró tagból áll. Példa:
<p>Egy bekezdés szövege</p>
Ebben a példában az <p>
jelzi a bekezdést (paragrafus), míg a </p>
lezárja azt.
HTML dokumentum struktúrája: Egy HTML oldal alapvető szerkezeti elemeket tartalmaz, amelyeket a következőképpen építenek fel:
<title>
), karakterkészlet, CSS hivatkozások vagy JavaScript fájlok.Például egy egyszerű HTML-dokumentum szerkezete így néz ki:
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Példa oldal</title>
</head>
<body>
<h1>Üdvözöljük a weboldalon!</h1>
<p>Ez egy példa bekezdés.</p>
</body>
</html>
HTML elemek: A HTML különféle típusú elemeket tartalmaz, amelyek a dokumentum különböző részeinek megjelenítéséért és elrendezéséért felelnek:
Címsorok: Címsorok készítésére használják, mint például <h1>
, <h2>
, <h3>
, amelyek hierarchikus szerkezetet adnak az oldal tartalmának.
Bekezdések: A bekezdések megjelenítésére szolgál a <p>
tag.
Linkek: A hivatkozások (linkek) létrehozásához az <a>
(anchor) tag használatos:
<a href="https://www.example.com">Látogasson el az oldalunkra</a>
Képek: Képek beillesztéséhez az <img>
tag szükséges, ahol a src
attribútum határozza meg a kép elérési útját:
<img src="kep.jpg" alt="Egy példa kép">
Listák: Különböző típusú listák készíthetők, például számozott lista <ol>
vagy számozatlan lista <ul>
taggel.
Attribútumok: A HTML tagekhez különféle attribútumok társíthatók, amelyek további információkat adnak az elemről. Például az <a>
(hivatkozás) esetében a href
attribútum adja meg a link célját, míg az <img>
esetében a src
attribútum határozza meg a kép forrását.
Hypertext: A HTML lehetőséget nyújt a weboldalak közötti navigálásra hyperlinkek (hivatkozások) segítségével. Ez az alapja annak, hogy a web egy “hipertext rendszer”, amely összekapcsolja az oldalak tartalmát.
Multimédia támogatás: A HTML5 natív elemeket vezetett be a multimédiás tartalmakhoz, mint például a <video> és <audio> tagek, amelyek segítségével könnyen integrálhatók videók és hangfájlok közvetlenül a böngészőben, külső bővítmények nélkül:
<video controls>
<source src="video.mp4" type="video/mp4">
Az Ön böngészője nem támogatja a videó lejátszást.
</video>
Canvas: A **
<canvas>
** elem lehetővé teszi a dinamikus, rajzolható grafikai tartalmak létrehozását JavaScript segítségével, ami interaktív grafikák, játékok és vizualizációk készítésére alkalmas.
Formázási elemek: Az űrlapok és bemeneti mezők is sok fejlesztést kaptak a HTML5-ben, például új típusú bemeneti mezők (e-mail, dátum, számos bemenet) támogatásával.
Offline támogatás és tárhely: A HTML5 bevezette az offline alkalmazásokhoz szükséges technológiákat, mint például a localStorage és sessionStorage, amelyek lehetővé teszik az adatok helyi tárolását a böngészőben.
SEO és semantikus elemek: A HTML5 új, jelentéssel bíró tageket vezetett be, mint például **
<article>
,
<section>
,
<nav>
** és **
<footer>
**, amelyek javítják a weboldalak szerkezetének átláthatóságát és keresőoptimalizálását.
A HTML az alapja minden weboldalnak, de önmagában nem elég ahhoz, hogy teljes funkcionalitású weboldalt hozzon létre. A CSS-t használják a stílusok és dizájn kezelésére, míg a JavaScript biztosítja az interaktív elemeket és a dinamikus tartalomkezelést. Ezek a technológiák együtt alkotják a webes felületek három alapelemét:
A HTML a web alapvető nyelve, amely meghatározza, hogyan épül fel és jelenik meg egy weboldal. Bár maga a HTML nem biztosít dinamikus funkciókat, mint a programozási nyelvek, a CSS és JavaScript segítségével teljes értékű és interaktív weboldalakat lehet készíteni.