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 en hu hu hu hu nb hu hu cs hu hu hu nb hu hu cs hu hu nb hu hu cs en hu nb hu hu hu cs en hu cs en hu cs en nb hu hu cs hu nb hu hu cs en hu cs en hu cs en 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 head - Mi megy a fej részbe? - WEBiskola
Weboldalszerkesztő (HTML, CSS, JS kódszerkesztő) HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső)
Biztosan ismered már a HTML head elemét, de még nem biztos, hogy pontosan tudod, hogy miket helyezhetünk el benne. Nézd meg ezt a cikket és tudd meg, hogy pontosan milyen elemeket helyezhetünk a HTML head, azaz fejrészében.
A HTML dokumentumok egyik legfontosabb eleme a HTML head. A HTML head, azaz fej részébe olyan elemek mennek, amelyek konkrétan nem jelennek meg a weboldalon, de a weboldal működésében, illetve megjelenésében nagyon fontos szerepet játszanka. Ilyen elemek például a  , a  , a  , a  , a   vagy a  .
Mi is az a   elem?
A   elem metaadatokat tárol. A metaadatok olyan adatok, amelyek valamilyen jelentéssel bírnak, de nem jelennek meg a weboldalon (pl. szöveg, kép formájában). Ezek a metaadatok határozzák meg a dokumentum (az adott oldal) címét, karakterkódolását, stílusát és a weboldal egyéb részeit is.
A head a   elem után és a   elem előtt helyezkedik.
Most pedig nézzük át azokat a leggyakoribb elemeket, amelyeket a HTML head-be szoktunk helyezni.
Kétségkívül ez a leggyakoribb HTML elem, amit a head-be helyezünk. A keresők számára nagyon fontos a HTML TITLE elem, hiszen ez is segít számukra beazonosítani, hogy miről szól az adott oldal.
CÍM  Code language: HTML, XML (xml)
Amit a   elem közé írunk, az fog a böngészőnk fülében megjelenni.
A style elemet arra használjuk, hogy olyan stílusbeállításokat határozzunk meg benne, amelyek érvényesek lesznek a weboldalunkra. Például beállíthatjuk benne, hogy a weboldalunk szövege piros legyen, míg a háttér sárga.
STÍLUSMEGHATÁROZÁSOK;   Code language: HTML, XML (xml)
>>A HTML  -ról és a stílusbeállításokról itt olvashatsz részletesebben.<<
A link elem meghatározza a kapcsolatot a jelenlegi dokumentum és egy külső forrás között.
Code language: HTML, XML (xml)
A felső kód segítségével megmondtam a böngészőnek, hogy a stilus.css egy stílusfájl, amelyet használnia kell.
A meta elemet arra használják, hogy meghatározza a weboldal egyes “adatait”. Például: karakterkódolás, oldal leírás, kulcsszavak stb.
Ezek az adatok a weboldalon nem fognak megjelenni, de a böngésző és a keresők számára rendkívül hasznosak.
Code language: HTML, XML (xml)
Code language: HTML, XML (xml)
Code language: HTML, XML (xml)
A HTML nyelvben lehetőségünk van a head részbe elhelyezni script-et. A script-ek JavaScript-ben íródnak és valamilyen műveletet végeznek el. Például: egy gomb megnyomásával egy területre kiírunk egy tetszőleges szöveget.
function scriptNeve() { document.getElementById("terulet").innerHTML = "Tetszőleges szöveg."; }   Code language: HTML, XML (xml)
A base elemmel beállíthatjuk, hogy relatív útvonal esetén a böngésző mit tekintsen az URL alapjának, illetve megadhatjuk, hogy az adott oldalon hogyan nyíljanak meg a hivatkozások.
Példa elérési útvonal alap beállításra
Code language: HTML, XML (xml)
Példa megnyitás módjának beállítására
Code language: HTML, XML (xml)
Példa mindkettő együttes használatára
Code language: HTML, XML (xml)
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)
HTML oldal felépítése, struktúrája (Miből áll egy HTML dokumentum?)
#html #html fej #html head #HTML ismeretek #html lecke #HTML lecke tanulás #HTML leckék #html magyar #html magyar nyelven #html magyar tananyag #html magyarul #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