Fedezd fel a Digitális Világot!
HTML alapok - kezdőknek, érthetően
Ismerd meg a HTML alapjait lépésről lépésre! Ezen az oldalon könnyen követhető magyarázatok, példák és gyakorlatok segítségével sajátíthatod el a weboldalak építésének alapjait. Ideális választás, ha most kezdesz el ismerkedni a HTML nyelvvel.
HTML alapok leckéi
Index.html
Kezdd az alapoktól!
Ebben a leckében megtanulod, mi az az index.html fájl, miért lett ez minden weboldal belépője
Megjegyzés
Tudd meg, hogyan írhatsz a kódba megjegyzéseket, amelyeket a böngésző figyelmen kívül hagy, de neked segítenek eligazodni!
"h" címkék
Emeld ki a tartalmad lényegét profi címsorokkal – tanuld meg, mire képes a <h1> -től a <h6>-ig minden HTML címke
"p" címke
A <p> HTML címke bekezdéseket hoz létre, segít tagolni a szöveget, javítja az olvashatóságot.
"a" címkék
Tedd interaktívabbá a weboldaladat – tanuld meg, hogyan készíts profi linket HTML-ben!
Listák készítése
Készíts listákat HTML-ben, és tanuld meg, hogyan rendszerezd profin a weboldalad tartalmát!
Képek beszúrása
Tanuld meg, hogy tudsz képeket beilleszteni a weboldaladba HTML-ben.
Táblázat
Tudd meg, hogyan hozhatsz létre HTML táblázatokat, néhány egyszerű kódsorral.
Gomb
Hozd létre az első interaktív gombodat, és keltsd életre a weboldaladat!
"div" és "span"
Tanuld meg, hogyan szervezheted szakszerűen a weboldalad tartalmát div és span címkékkel
Az "aside" címke
Tanuld meg, hogy emelheted ki a fontos, de nem központi tartalmakat az aside címkével
"br" és "hr" - használjuk?
Tanuld meg, mire használhatjuk még a br és hr sortöréseket, elválasztó vonalakat
Az "article" címke
Tanuld meg, hogyan struktúrálhatod a weboldalad tartalmait önálló cikkekké az article elem segítségével!
Mire jó a "section" címke?
Tudd meg, hogyan oszthatod logikus részekre a weboldalad tartalmát section címkével!
"header" címke
Tanuld meg, hogyan adj struktúrált címet az oldaladnak a header címkével.
"footer" címke
Ne maradjon le semmiről a látogatód – tedd profivá a weboldalad lábrészét a footer címkével
"nav" címke
Tudd meg, hogyan segít a nav címke abban, hogy a látogató ne vesszen el a weboldaladon!
HTML textarea
Tanuld meg, hogyan készíthetsz többsoros szövegbeviteli mezőt egyszerű HTML segítségével.
Input címke
Fedezd fel, hogyan készíthetsz űrlapmezőt HTML-ben az input segítségével – gyakorolj most!
Űrlapok alapjai
Tanuld meg, hogyan építhetsz be űrlapokat a weboldaladba, és gyűjts visszajelzéseket profi módon
Doctype és nyelvválasztás
Tanuld meg a DOCTYPE és a nyelvmegadás alapjait most
Linkelés
Tanuld meg, hogyan kötheted össze a weboldalaidat profi HTML hivatkozásokkal – ugorjunk a linkelés alapjaihoz!
"main" címke
Tanuld meg, hogyan strukturálhatod profin a fő tartalmat a main HTML címkével
"body" szerepe
Fedezd fel, mi minden kerülhet a body címkébe és kezdj el igazi weboldalt építeni!
"head" címke
Tudd meg, miért kulcsfontosságú a head rész minden modern weblapnál!
"figure" és "figcaption"
Tanuld meg, hogyan helyezhetsz el képeket és aláírásokat szabályosan a figure és figcaption címkékkel.
Hasznos eszközök a HTML tanulásához
Legújabb cikkek HTML témában
Linkelés és fájlok betöltése
Linkelés és fájlok betöltése HTML-ben Egy weboldal nemcsak HTML kódot tartalmaz, hanem gyakran kapcsolódó fájlokat is, például CSS stíluslapokat, JavaScript fájlokat, ikonokat és betűtípusokat. Ezeket külső fájlokként kell betölteni és összekapcsolni a HTML...
Doctype és nyelvválasztás
DOCTYPE és a HTML nyelvválasztás Amikor egy új weboldalt készítünk, az első sor mindig a DOCTYPE deklaráció kell, hogy legyen. Ez meghatározza, hogy milyen HTML verziót használunk. 1️⃣ Mi az a <!DOCTYPE html> és miért van rá szükség? A DOCTYPE (Document...
HTML űrlapok alapjai
HTML űrlapok alapjai Hogyan hozzunk létre beviteli mezőket? A weboldalak egyik legfontosabb interaktív eleme az űrlap. Segítségével adatokat gyűjthetünk a felhasználóktól, például regisztrációs adatokat, visszajelzéseket vagy akár rendelési információkat. De...