If you're seeing this message, it means we're having trouble loading external resources on our website.

Ha webszűrőt használsz, győződj meg róla, hogy a *.kastatic.org és a *.kasandbox.org nincsenek blokkolva.

Fő tartalom

Témakör: Bevezetés a HTML/CSS világába: Hogyan készítsünk weblapot?

Bevezetés a HTML-be

Megmutatjuk, hogy mi is a HTML és hogyan készíthetsz leíró elemek, szöveg és képek segítségével weblapokat!

Tanulj!

Bevezetés a CSS-be

Megmutatunk néhány egyszerű CSS kódot; hogyan jelölhetsz ki bizonyos dolgokat az elem neve, egy osztály vagy ID használatával; és végül azt is, hogy hogyan változtathatod meg az oldalad színeit.

Tanulj!

Gyakorolj!

További HTML címkék

Megmutatjuk, hogyan hozhatsz létre linkeket, táblázatokat és kommenteket.

Tanulj!

CSS szövegtulajdonságok

Megmutatjuk, hogyan szabhatod személyre weboldaladon a szöveget betűtípusok, méret, térköz és igazítások segítségével.

Tanulj!

Gyakorolj!

Webfejlesztői eszközök

Megmutatunk weboldalad fejlesztéséhez néhány egyéb szövegszerkesztő alkalmazást is, és azt is, hogyan használhatod a böngésző beépített fejlesztői eszközeit a weblapjaid debuggolásához.

Tanulj!

CSS elrendezés

Megmutatjuk, hogyan használhatod a HTML span és div elemeket weboldalad elrendezésének módosításához. Nem is kell más hozzá, mint néhány CSS tulajdonság, például a position és a float!

Tanulj!

Gyakorolj!

További CSS szelektorok

Megmutatjuk, hogyan használhatsz összetettebb szelektorokat: egyszerre több osztályt, elemeket és osztályokat vegyesen, leszármazott szelektort, csoportosított szelektort és dinamikus pszeudoosztályokat.

Tanulj!

Gyakorolj!

A CSS beágyazásának egyéb módjai

Megmutatunk két további módszert (inline és external stylesheet) a CSS kódot beágyazására.

Tanulj!

További tananyagok

Hogyan mélyítheted tovább HTML és CSS tudásodat?

Tanulj!

Gyakorolj!

A témakör tartalma:

Tanuld meg, hogyan kell használni a HTML-t és a CSS-t weblapok készítéséhez. A HTML a jelölésre, strukturálásra használt nyelv, amivel körbeveszed a tartalmat, hogy ezáltal tudja a böngésző, hogy címsort, listát, táblázatot, stb. kell-e megjelenítenie. A CSS pedig a stíluslap nyelve, amivel személyre szabhatod az oldalt, ami alapján a böngésző bizonyos színt, betűtípust, elrendezést és sok egyéb dolgot rendel hozzá az egyes részekhez.