Fő tartalom
2. témakör: Bevezetés a HTML/CSS világába: Hogyan készítsünk weblapot?
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.
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!
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!
Megmutatjuk, hogyan hozhatsz létre linkeket, táblázatokat és kommenteket.
Tanulj!
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!
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.
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!
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!
Megmutatunk két további módszert (inline és external stylesheet) a CSS kódot beágyazására.
Hogyan mélyítheted tovább HTML és CSS tudásodat?