Az HTML elemek olyan szöveges blokkok, amelyek segítségével lehetőség van a weboldal tartalmának és struktúrájának meghatározására. Minden HTML elemnek van egy neve (tag), amely megadja az elem funkcióját, és a nevét két < és > közé írjuk. Például az <h1> elem a legfontosabb címsort jelenti, míg a <p> elem a bekezdést.
Az HTML elemeket lehetőség van formázni is, például a szöveg méretének, színének és stílusának megváltoztatásával. Emellett az HTML elemeket lehetőség van hivatkozásokkal kapcsolni is, így a látogatók könnyebben tudnak navigálni a weboldal tartalmában.
Az HTML elemeknek vannak attribútumai is, amelyek további információkat adnak az elemekről. Az attribútumokat az elem neve után írjuk, és a nevüket és értéküket „=” jellel választjuk el. Például az <img> elemnek van egy „src” attribútuma, amely megadja a kép forrásfájlját.
Az HTML elemek általában párban állnak, és a kezdő elem után a záró elem következik. A záró elem neve a kezdő elem nevéhez hasonló, de előttük van egy „/” karakter. Például az <h1> elem párja az </h1> elem.
Az HTML elemek segítségével lehetőség van a weboldal tartalmának logikai struktúrájának kialakítására, így a látogatók könnyebben tájékozódhatnak a weboldal tartalmában. Az HTML elemeket a HTML dokumentum bármely részében el lehet helyezni, és általában a weboldal tartalmát strukturálják.
Az alábbiakban néhány példa az HTML elemek használatára:
- Címsor:
<h1>Ez egy legfontosabb címsor</h1>
<h2>Ez egy második fontosságú címsor</h2>
<h3>Ez egy harmadik fontosságú címsor</h3>
- Bekezdés:
<p>Ez egy bekezdés.</p>
<p>Ez még egy bekezdés.</p>
- Kép:
<img src="kép.jpg" alt="Leírás">
- Link:
<a href="https://www.google.com">Google</a>
- Lista:
<ul>
<li>Elem 1</li>
<li>Elem 2</li>
<li>Elem 3</li>
</ul>
- Táblázat:
<table>
<tr>
<th>Oszlop 1</th>
<th>Oszlop 2</th>
</tr>
<tr>
<td>Sor 1, Oszlop 1</td>
<td>Sor 1, Oszlop 2</td>
</tr>
<tr>
<td>Sor 2, Oszlop 1</td>
<td>Sor 2, Oszlop 2</td>
</tr>
</table>
Ezek csak néhány példa az HTML elemek használatára, de az HTML sok más elemmel is rendelkezik, amelyek segítségével lehetőség van a weboldal tartalmának és struktúrájának további meghatározására.