Bevezetés
Ebben a cikkben meg fogjuk vizsgálni, hogyan épül fel egy weboldal. A weboldalak a modern technológia alapját képezik, és fontos megérteni, hogyan működnek, hogy hatékonyan tudjunk dolgozni velük.
HTML – A weboldal alapja
Az első és legfontosabb elem egy weboldal felépítésében az HTML (HyperText Markup Language). Az HTML egy olyan nyelv, amely segítségével strukturált tartalmat hozhatunk létre a weboldalunkon. Az HTML használatával meghatározhatjuk a szövegek, képek, linkek és más elemek elrendezését és viselkedését.
Egy egyszerű HTML dokumentum a következőképpen néz ki:
„`html
Ez egy bekezdés.
„`
A fenti példában láthatjuk, hogy az HTML dokumentumot a „ címkével kezdjük, majd az `html` címkével jelöljük az HTML tartalmat. Az `head` címke tartalmazza a weboldal metaadatait, például a címet, míg a `body` címke tartalmazza a látható tartalmat.
CSS – A weboldal megjelenése
A weboldalak megjelenését a CSS (Cascading Style Sheets) segítségével alakíthatjuk ki. A CSS egy olyan nyelv, amely lehetővé teszi, hogy stílusokat adjunk hozzá az HTML elemekhez. Például megadhatjuk a betűtípust, a színt, a háttérszínt és a méretet.
A CSS-t a HTML dokumentum `head` címkéjében definiáljuk, a következőképpen:
„`html
Ez egy bekezdés.
„`
A fenti példában láthatjuk, hogy az `h1` címkéhez kék színt és 24px betűméretet rendeltünk, míg a `p` címkéhez zöld színt és 16px betűméretet.
JavaScript – Az interaktivitás hozzáadása
A weboldalak interaktívvá tétele érdekében használhatunk JavaScriptet. A JavaScript egy programozási nyelv, amely lehetővé teszi, hogy dinamikus funkciókat adjunk hozzá a weboldalhoz. Például lehetővé teszi az űrlapok ellenőrzését, animációk létrehozását és adatok dinamikus frissítését.
A JavaScript kódot a HTML dokumentum `head` vagy `body` címkéjében helyezhetjük el, a következőképpen:
„`html
Ez egy bekezdés.
„`
A fenti példában láthatjuk, hogy a JavaScript kódot az `script` címkék között helyeztük el. A `changeColor` függvény a `myParagraph` id-jú elem színét változtatja meg pirosra, amikor a gombra kattintunk.
Összefoglalás
Ebben a cikkben megvizsgáltuk, hogyan épül fel egy weboldal. Az HTML segítségével strukturált tartalmat hozhatunk létre, a CSS segítségével pedig megjelenést adhatunk neki, míg a JavaScript segítségével interaktivitást adhatunk hozzá. A weboldalak fejlesztése során fontos megérteni ezeket az alapvető fogalmakat és technológiákat.
