hu en sv en hu it hu en hu de hu ja hu hu hu hu hu hu hu hu en hu hu hu hu en hu hu hu hu hu hu hu hu en hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu cs hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu es es es tr en hu hu hu hu hu hu hu hu hu fr hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu en hu hu hu en hu it hu en hu de hu ja hu hu hu hu hu es es es tr en hu
HTML oldal felépítése, struktúrája (Miből áll egy HTML dokumentum?) - WEBiskola
Weboldalszerkesztő (HTML, CSS, JS kódszerkesztő) HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső)
Ebben a leckében megismerkedhettek a HTML oldalak felépítésével, struktúrájával.
A HTML oldalak felépítése nagy vonalakban megegyezik, minden oldalnak tartalmaznia kell ugyanazokat az elemeket. Hiszen ezek az elemek határozzák meg azt, hogy ez a dokumentum egy HTML-dokumentum, azaz egy weboldalt leíró kód.
A HTML oldalak kötelező elemei
: Ezzel kell kezdődnie a HTML dokumentumunknak. Ez mondja meg a böngészők számára, hogy ez egy HTML dokumentum. Ebből tudja a böngésző, hogy egy weboldalt kell megjelenítenie.
… : E két tag közé fogjuk írni az érdemi részeket.
… : Ebbe olyan információkat írunk, amelyek bár fontosak az oldal szempontjából, de konkrétan nem jelenítődnek meg az oldalon. Azaz itt határozhatjuk meg az oldal nyelvét, amely a böngésző számára egy fontos információ, de ennek az információnak nincs (átlagos) emberi szemmel látható kivetülése az oldalon.
… : E két tag közé viszont már olyan információkat írunk, amelyek ténylegesen meg is jelennek az oldalon. Például ide már írhatunk olyan szövegeket, amelyek megfognak jelenni az oldalon.
Hogy néz ki egy alap HTML dokumentum? Hogyan épül fel egy HTML oldal?
Code language: HTML, XML (xml)
Most pedig kiemelem, amit már valószínűleg mindenki észrevett tudat alatt, csak még nem biztos, hogy teljesen megfogalmazódott benne a dolog.
A különböző tag-ek úgy kapcsolódnak össze, ahogy a képen látható. Ebből leszűrhetünk pár alapvető következtetést:
A dokumentumnak kötelező   elemmel kezdődnie.
A   részt mindig a   elem követi.
Ezután mindig a   szekció jön. Nem helyezhetjük a  -t a   elé.
A   és a   közé írhatunk utasításokat.
Ha nincs több utasítás, akkor a  -et mindig le kell zárnunk  -del.
Csak a   után írhatunk   tag-et.
A   és a   közé írhatunk utasításokat.
Ha nincs több utasítás, akkor a  -t kötelező lezárnunk  -val.
A   után a  -el lezárjuk az egész dokumentumot.
Összegzésképp elmondhatjuk, hogy: mindig azt a tag-et zárjuk le először, amelyiket utoljára megnyitottuk.
Nézzük az előző leckében már látott kódot. Továbbra is a bal oldalon láthatjuk azt, hogy hogyan néz ki konkrétan egy HTML alapú weboldal felépítése, a jobb oldalon viszont azt láthatjuk, hogy a bal oldalra beírt kód hogyan fog megjelenni a böngészőnkben.
A weboldal címe       Ez az első címsorom   Ez az első bekezdésem.      Code language: HTML, XML (xml)
Ez az első címsorom
Ez az első bekezdésem.
Nézzük át még egyszer az elemzést.
A fentebb látható kód elemzése:
: Ez a sor határozza meg, hogy ez egy HTML dokumentum lesz, ezzel üzenve a böngészők számára.
: Ez a HTML fájlunk gyökéreleme, kötelező ennek következnie a !DOCTYPE html rész után.
: Ezt magyarul fejnek, fejszekciónak vagy fejrésznek hívjuk. Alapvető információkat tartalmaz a HTML oldalunkról. Például a következő szekciót.
: Ez határozza meg a HTML oldal nevét. A böngésző innen olvassa ki a böngésző címsorában látható szöveget.
: Ez az előző elem zárópárja. A nyitó és a záró tag közé kerül a HTML oldal címe.
: Ez a dokumentum “test” része, ezután kell írni a weboldal tartalmát. Az e mögé írt tartalmak fognak megjelenni a böngészőben a weboldal részeként. Ezt követni fog majd még egy   tag. De ezt nem rakhatjuk ki még most. A záró tag-et csak akkor rakhatjuk ki, ha a weboldalunkat már feltöltöttük tartalommal.
: Ez egy címsor. A HTML nyelvben több címsor is létezik. (Például h1, h2, h3 stb.) A h1 a legnagyobb címsor, azaz a weboldalon ez lesz a legnagyobb szöveg.
: Ez a címsor záró tag-e. A   és   közé került szöveget fogja nagy betűkkel kiírni a weboldalra.
: Ez a bekezdést jelöli. Az ezután írt szöveget normál méretben fogja megjeleníteni a böngésző.
: Ez az bekezdés zárópárja.
: Az elején írtuk a   nyitó tag-et. Ez a zárópárja. Ez jelzi a böngésző számára, hogy eddig tartott a megjelenítendő rész.
: Ez pedig azt jelzi a böngészőnek, hogy itt ér véget teljesen a HTML dokumentum.
Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!
HTML alapok (A HTML webprogramozás alapjai)
HTML elemek: Minden, amit tudnod kell a HTML-elemekről
Tömbök a JavaScript-ben (Tömbök magyarázata, létrehozása, elemek hozzáadása, módosítása, törlése, indexelés, tömb hosszának megállapítása)
JavaScript használata (Hova rakjuk a JS kódot, hogyan kössük össze a HTML dokumentummal) - head, body, külső fájl
#html #html dokumentum felépítése #html dokumentum struktúrája #HTML ismeretek #html lecke #HTML lecke tanulás #HTML leckék #html magyar #html magyar nyelven #html magyar tananyag #html magyarul #html oldal felépítése #html oldal struktúrája #html programozás #html tananyag #html tanulás #ingyenes html tananyag #magyar html #magyar nyelvű html tananyag #online html #online html tananyag #online html tanulás #webprogramozás alapjai #webprogramozás alapok
Mi az a HTML? (A HTML bemutatása)
HTML oldal felépítése, struktúrája (Miből áll egy HTML dokumentum?)
HTML szerkesztők (Milyen HTML szerkesztő programot használjak?)
HTML dokumentum készítése (Hogyan hozz létre olyan fájlt, amit a böngésző megtud jeleníteni)
HTML dokumentum szerkesztése, módosítása
Mi az a HTML TAG? A HTML elemek felépítése
HTML elemek: Minden, amit tudnod kell a HTML-elemekről
HTML alapok (A HTML webprogramozás alapjai)
Weboldalak forráskódjának megtekintése (Így nézd meg bármelyik oldal HTML kódját)
HTML TITLE használata (Oldal nevének megadása)
HTML címsorok (h1, h2, h3, h4, h5, h6)
HTML bekezdés (HTML p)
HTML pre használata – Hogy úgy jelenjen meg a szöveg, ahogy beírtad
Mi az a HTML span és hogyan kell használni? [HTML span útmutató]
HTML szövegszín, betűszín módosítása (HTML font color és color)
HTML háttérszín beállítása (background-color)
HTML szövegformázás (Formázás CSS nélkül)
HTML sortörés (HTML br)
HTML képek használata (HTML img)
HTML háttérkép beállítása (HTML background-image)
HTML karakterkódolás, karakterkészlet megadása (HTML meta charset)
HTML komment, azaz megjegyzés a HTML dokumentumba
HTML head – Mi megy a fej részbe?
HTML body – Mi megy a HTML törzsébe?
HTML stílus, stíluslap és CSS használata, avagy HTML style
[Színkódok] HTML színmegadási módok (Színmegadás RGB, RGBA, HEX, HSL és HSLA színkóddal)
Színek használata a HTML nyelvben (Színkódok használata)
HTML táblázat készítés (HTML table)
HTML hivatkozások, linkek (HTML a href)
HTML lista, felsorolás (HTML ol, ul, li)
HTML class – Minden, amit tudnod kell a HTML osztályokról
HTML id – Minden, amit tudnod kell a HTML azonosítóról
A HTML div elem használata
HTML űrlap elemei (HTML Forms)
Kliensoldali űrlapellenőrzés: űrlapmezők ellenőrzése HTML és JavaScript segítségével