HTML ModulHTML alapjai
A HTML a webes tartalom alapja. Egy egyszerű HTML dokumentum így néz ki:
<!DOCTYPE html>
<html>
<head>
<title>Cím</title>
</head>
<body>
<h1>Helló Világ!</h1>
</body>
</html>
HTML elemek
Gyakori tagek:
<p>– bekezdés, szövegblokkokhoz használjuk.<a>– hivatkozás, egy másik oldalra vagy fájlra mutat.<img>– kép megjelenítésére szolgál.<div>– konténer elem, más elemek csoportosítására.<h1>– főcím, amit általában egyszer használunk egy oldalon.<ul>– rendezetlen lista,<li>elemekkel.<ol>– számozott lista, szintén<li>elemekkel.<strong>– fontos (félkövér) kiemelés.<em>– hangsúlyos (dőlt) kiemelés.<input>– adatbevitel (pl. szövegmező).<form>– űrlap beküldéshez.<button>– kattintható gomb.<table>– táblázat létrehozására.
Struktúra és példák
Az oldal szerkezete: html → head → body. Alább egy saját példa:
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<title>Saját oldal</title>
</head>
<body>
<h1>Üdvözöllek!</h1>
<p>Ez az én első oldalam.</p>
</body>
</html>
Gyakorló HTML űrlap
Íme egy példa egy egyszerű HTML űrlapra, amelyet gyakran használnak felhasználói adatok bekérésére:
<form>
<label for="name">Név:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<button type="submit">Küldés</button>
</form>
💻 Interaktív HTML szerkesztő
Próbáld ki a HTML-t élőben! Írj be HTML kódot a bal oldali mezőbe, és az eredmény azonnal megjelenik jobb oldalt.