HTML programozás az interneten található weboldalak alapját képezi. Az HTML (Hypertext Markup Language) egy olyan nyelv, amelyet a weboldalak létrehozásához és formázásához használnak. Az alábbiakban részletesen bemutatjuk az HTML programozás alapjait és fontosabb fogalmait.
Html alapok
HTML egy strukturált nyelv, amelynek segítségével a weboldalak tartalmát és elrendezését definiálhatjuk. Az alapvető HTML struktúra egy HTML elem körülveszi a weboldal teljes tartalmát, és tartalmazza a fejlécet (head) és a tartalmi részt (body).
<!DOCTYPE html>
<html>
<head>
<title>Példa cím</title>
</head>
<body>
<h1>Ez egy cím</h1>
<p>Ez egy bekezdés.</p>
</body>
</html>
Html címkék
Az HTML címkék (tags) olyan elemek, amelyek segítségével struktúrázzuk a weboldal tartalmát. Például a <h1> címke egy címet jelöl, míg a <p> címkével bekezdéseket hozhatunk létre.
Fontos HTML Címkék:
- <h1> – <h6>: Címek különböző méretben.
- <p>: Bekezdések.
- <a>: Hivatkozások létrehozása.
- <img>: Képek megjelenítése.
- <ul> és <ol>: Lista létrehozása.
- <table>: Táblázatok létrehozása.
Html formázás
Az HTML címkék nemcsak a tartalom strukturálását szolgálják, hanem lehetővé teszik a tartalom formázását is. CSS (Cascading Style Sheets) segítségével testre szabhatjuk a weboldal kinézetét.
Példa HTML és CSS használatára:
<style>
h1 {
color: blue;
}
p {
font-size: 16px;
}
</style>
Gyakori html feladatok
Az alábbiakban néhány gyakori HTML feladatot mutatunk be:
Hivatkozás létrehozása:
<a href="https://www.pelda.hu">Példa weboldal</a>
Kép megjelenítése:
<img src="kep.jpg" alt="Leírás">
Táblázat létrehozása:
<table>
<tr>
<th>Fejléc1</th>
<th>Fejléc2</th>
</tr>
<tr>
<td>Cella1</td>
<td>Cella2</td>
</tr>
</table>
GYIK (Gyakran Ismételt Kérdések)
Mit jelent az „HTML” rövidítés?
HTML az „Hypertext Markup Language” rövidítése, ami azt jelenti, hogy egy szöveges dokumentumot struktúrázzunk és formázzunk vele.
Milyen böngészők támogatják az HTML-t?
Az összes modern böngésző, mint például a Chrome, Firefox, Safari, és Edge, támogatja az HTML-t, és megfelelően jeleníti meg a weboldalakat.
Hogyan lehet hivatkozást létrehozni egy másik weboldalra?
Hivatkozást egy másik weboldalra az <a> címkével hozhatunk létre, és a „href” attribútum segítségével adhatjuk meg a cél weboldal URL-jét.
Milyen célból használjuk a táblázatokat az HTML-ben?
Táblázatokat használunk adatok strukturált megjelenítésére, például táblázatos formában való adatok, menük, vagy elrendezések kialakításához.
Vezi și:
