Tanuld meg a HTML alapjait és építs saját weboldalt!
Lépésről lépésre vezetünk végig a HTML alapjain, interaktív példákkal és gyakorlati feladatokkal.
Az első leckék ingyenesek!
Kezdőbarát, lépésről lépésre felépített tananyag
Részletes lecke gyakorlati példákkal
Online, bárhonnan elérhető tananyag
Miért érdemes HTML-t tanulni?
HTML az alapja mindennek, amit a weben látsz
Ha szeretnél saját weboldalt építeni, megérteni a web működését, vagy elindulni a programozás világában, akkor ez a tanfolyam neked szól!
Ebben a kurzusban megtanulod:
A HTML alapjait
Hogyan épül fel egy weboldal szerkezete
Hogyan hozd létre az első saját projektjeidet
A legfontosabb HTML címkéket és elemeket
HTML alapok
Megtanulod a legfontosabb HTML címkéket és elemeket, amelyekre minden weboldal felépül
HTML gyakorlati feladatok
Interaktív feladatok, hogy azonnal kipróbálhasd a tanultakat és valódi projekteken dolgozhass
Eszközök a HTML tanuláshoz
Megismered a legjobb eszközöket HTML tanuláshoz: VS Code, CodeSandbox és GitHub, hogy hatékonyan kódolj és gyakorolj
Mit kapsz ezen a tanfolyamon?
Ezen a kurzuson nemcsak elméletet kapsz, hanem gyakorlati tudást is, amelyet azonnal alkalmazhatsz. Lépésről lépésre haladunk, hogy biztosan megértsd a weboldalak működését.
Interaktív, projekt alapú tanulás
Nem csak olvasod, hanem azonnal kipróbálhatod! Valós példákon keresztül sajátíthatod el a HTML alapjait, hogy biztos tudással vághass bele a webfejlesztésbe.
Könnyen érthető tanfolyam
Teljesen kezdőként is belevághatsz! Logikusan felépített leckékkel segítünk, hogy érthető és követhető legyen az út a saját weboldalad elkészítéséig.
Valós projektek és gyakorlati feladatok
A tanfolyam végére nem csak elméleti tudásod lesz, hanem egy működő, saját weboldalad is!
Ingyenes és prémium leckék
Az első leckéket ingyen végigcsinálhatod, hogy biztos legyél benne, hogy ez a neked való tanfolyam. Ha pedig mélyebben belemerülnél, prémium tartalmak is várnak rád.
Népszerű HTML projektek
A gyakorlati tudás a legfontosabb! Az alábbi projekteken keresztül megtanulhatod a HTML és CSS használatát, és valós példákon keresztül gyakorolhatsz.
Egyszerű bemutatkozó oldal
Hozz létre egy saját bemutatkozó oldalt, amelyet akár egy portfólió vagy egy személyes blog alapjaként is használhatsz
✓ Profilkép és rövid bemutatkozás elhelyezése
✓ Elérhetőségek és közösségi média linkek hozzáadása
✓ Egyszerű, letisztult dizájn HTML és CSS segítségével
✓ Reszponzív elrendezés, hogy telefonon is jól nézzen ki
Kapcsolatfelvételi űrlap
Hozz létre egy profi kinézetű kapcsolatfelvételi űrlapot, amely lehetővé teszi, hogy a látogatók üzenetet küldjenek
✓ Űrlapelemek: név, e-mail, üzenetmező és küldés gomb
✓ Stílusos és felhasználóbarát kialakítás
✓ Űrlap validáció HTML szinten
✓ Később JavaScript hozzáadásával továbbfejleszthető
Receptoldal készítése
Tanuld meg, hogyan hozhatsz létre egy átlátható receptoldalt, amelyen könnyen megoszthatod kedvenc receptjeidet
✓ Recept címe, hozzávalók és elkészítési lépések megjelenítése
✓ Képek hozzáadása és szépen formázott szövegek
✓ Táblázatok és listák használata
✓ Reszponzív dizájn
Számológép készítése
Tanuld meg, hogyan építhetsz egyszerű, de hasznos számológépet HTML és CSS segítségével.
✓ Alapvető HTML struktúra kialakítása
✓ Gombok és kijelző elrendezése CSS segítségével
✓ Reszponzív dizájn, hogy minden eszköz jól működjön
✓ Később JavaScript hozzáadásával továbbfejleszthető
Legnépszerűbb HTML leckék
Alapvető HTML címkék – Az első címkék
- Mi az a HTML?
- A legfontosabb alapcímkék: <html>, <head>, <body>
- Hogyan épül fel egy weboldal
HTML szövegelemek – Írjunk tartalmat!
- Címsorok és bekezdések: <h1>, <h2>, <p>
- Félkövér, dőlt és aláhúzott szöveg: <strong>, <em>, <u>
- Listák: rendezetlen <ul> és rendezett <ol>
Képek és hivatkozások – Multiámdia az oldalon
- Hogyan illesszünk be képeket? <img>
- hivatkozások és linkek <a>
- külső és belső linkek használata
Táblázatok és űrlapok – struktúrált adatok megjelenítése
- Egyszerű táblázat készítése: <table>, <tr>, <td>
- Űrlapelemek: <input>, <label>, <button>
- Űrlap küldése és feldolgozása
HTML és CSS – stílus hozzáadása az oldalhoz
- Hogyan kapcsoljuk össze a HTML-t és a CSS-t?
- Beágyazott belső és külső CSS használata
- Alapvető formázási technikák
Nem tudod, hol kezdd el?
Segítek megtalálni a számodra legjobb tanulási útvonalat. Válaszd ki, melyik kategóriába tartozol, és lépj a következő szintre!
Teljesen kezdő vagyok
Nem tudom, mi az a HTML és CSS, most ismerkedem a webfejlesztéssel.
Ajánlott tanfolyam: Alapozó tanfolyam
- HTML és CSS alapok teljesen az elejétől
- Hogyan épül fel egy weboldal
- Egyszerű szerkezetű weboldal elkészítése
- Gyakorlati példák: saját névjegykártya, bemutatkozó oldal
Cél: Megtanulni a weboldalak alapjait és elkészíteni az első saját projekted
Profi vagyok
Fejlettebb technikákat szeretnék megtanulni
Ajánlott tanfolyam: Fejlett CSS és JavaScript kurzusok
- CSS Grid és Flexbox haladó szinten
- SASS/SCSS használata a hatékonyabb kódolás érdekében
- Interaktív elemek JavaScripttel
- Gyakorlati példák: dinamikus portfólió, animált weboldalak, REST API használat
Cél: Professzionális, modern weboldalak és alkalmazások létrehozása
Haladó vagyok
Már készítettem pár weboldalt, de szeretnék jobb és hatékonyabb lenni
Ajánlott tanfolyam: Interaktív projektek
- Reszponzív dizájn és mobilbarát oldalak
- Űrlapok, táblázatok és multimédiás tartalmak kezelése
- Egyszerű interaktív elemek (pl.: animációk, hover-effektek)
- Gyakorlati példák: receptoldal, időjárásjelentő oldal, kapcsolatfelvételi űrlap
Cél: Megérteni, hogyan lehet modern és jól működő weboldalakt készíteni
Tudtad?