English Version! A következőkben vizsgáljuk meg egy picit tüzetesebben a HTML5 új strukturális felépítését. Az alábbi kép jól demonstrálja, hogy mi is változott valójában. HTML4 & HTML5
Elmondható, hogy a HTML5 egy letisztultabb, talán egyszerűbb struktúrát hoz magával. Nézzük az egyes elemeket, hogy is működnek:
– Címsor/fejléc elem. Általában a szakasz címsorát (h1-h6 vagy hgroup) helyezik itt el. – Itt kapnak helyet az oldal fontosabb navigációs (más helyekre mutató) elemei
– A "cikk" elem, ahogy a nevéből is következik, egy önálló tartalommal rendelkező rész. Doctype html jelentése program . – Ez képviseli a tartalom egyes fejezeteit. – Egy olyan oldalsávot ("dobozt") jelöl, amely a tartalomhoz nem feltétlenül kapcsolódik, de annak mégis szerves része. – Lábléc, jellemzően kapcsolati adatokat, vagy az adott szakaszhoz tartozó információkat jelenít meg. Nézzük meg az új struktúrát a gyakorlatban, egy egyszerű példa segítségével:
HTML5 Structure Demo
HTML5 - 1
HTML5 - 2
HTML5 - 3
Article Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Doctype Html Jelentése Program
A nyelv felépítése
Mint azt már említettem, a HTML / XHTML nem egységes, így tudatnunk kéne valahogy a böngészőnkkel, hogy mit kap tőlünk. Erre szolgál a dokumentumtípus-definíció ( DTD). Hiányában természetesen nem dől össze a világ, böngészőnk alapértelmezése veszi kézbe a dolgokat. Ennek ellenére erősen ajánlott mindig megadni. Honlapunk első sora ezekkel kezdődhet:
Ez a sor általában a böngésző alapértelmezés is. Ezt alkalmazzuk, ha HTML 4-ben írjuk az oldalt!
Ezt a meghatározást akkor használjuk, ha XHTML 1. 0 kódot használunk, viszont még szeretnénk a HTML 4 néhány tulajdonságát kihasználni régebbi böngészőkön.
Ezt csak akkor használjuk ha XHTML 1. 0-ban is kereteket (frame) szeretnénk alkalmazni, hiszen ott nem tartozik a szigorított szabályok közé ez a módszer.
Doctype Html Jelentése 3 Osztály Felmérő
Ugyanúgy, mint a képeknél, itt is megadhatunk abszolút és relatív útvonalakat. Nézzünk egy példát:
< a href = " > Ide kattintva eljutsz a a >
HTML oldalak forráskódja
A legtöbb böngészőben lehetőségünk van arra, hogy megnézzük az adott oldal HTML kódját. Ehhez nem kell mást tennünk, mint megnyomni az egér jobb gombját, majd az "Oldal forrásának megtekintése" opciót választani. Ilyenkor új ablakban megnyílik számunkra az adott oldal egész forráskódja. Így láthatjuk, hogy hogy milyen HTML elemekből épül fel az adott oldal A másik lehetőség, hogy jobb klikk után a "Vizsgálat" gombra kattintunk, ilyenkor az egeret az egyik elemre húzva megjelenik a képernyőn, hogy az a konkrét HTML részlet az oldal mely részéért felel. Így sok hasznos dolgot tanulhatunk. WebmesterKE - Webmester képzés. Itt olvashatsz pár trükkről, amelyeket a forráskód nézegetésével deríthetsz ki. #html #html alapjai #html alapok #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 #html webprogramozás alapjai #ingyenes html tananyag #magyar html #magyar nyelvű html tananyag #online html #online html tananyag #online html tanulás #webprogramozás alapjai #webprogramozás alapok
Doctype Html Jelentése Az
< h1 > Címsor 1 h1 >
< h2 > Címsor 2 h2 >
< h3 > Címsor 3 h3 >
< h4 > Címsor 4 h4 >
< h5 > Címsor 5 h5 >
< h6 > Címsor 6 h6 >
Címsor 2
Címsor 3
Címsor 4
Címsor 5
Címsor 6
A HTML címsorokról itt olvashatsz részletesebben. HTML paragrafusok, bekezdések
A HTML paragrafusokról, bekezdésekről sem nehéz kitalálni, hogy mire valók. Bekezdéseket alkotnak, amelyekbe szövegeket írhatunk. Jelölése:
Kötelező záró tag-et is használni. < p >
Ez itt egy paragrafus. p >
Ez
is
egy
paragrafus. Sőt még ez is egy paragrafus. Ebből látszik, hogy a
nem érzékeli a sortöréseket, azaz hiába írunk sortörést, vagy plusz szóközöket a szövegbe, a
nem fogja érzékelni azokat. HTML szövegformázás
A HTML alapértelmezetten, beépítve biztosít különböző formázási lehetőséget. Nézzük át ezeket sorban: – Félkövér szöveget alkot. – Fontos szövegrészleteknél használjuk. – Dőlt szöveget eredményez. Doctype html jelentése 3 osztály felmérő . – Kiemeléshez használjuk. – Szövegmegjelöléshez használjuk. – Kisebb szöveget eredményez.
Doctype Html Jelentése Online
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. Mi az a HTML? (A HTML bemutatása) - WEBiskola. : 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. Itt olvashatsz részletesen a HTML oldalak felépítéséről, struktúrájáról. HTML címsorok
A HTML címsor (ahogy a neve is sugallja) arra való, hogy címet adjon az utána következő szövegnek. A címsorok szintje egytől hatig terjed. (h1-h6) Nézzünk egy példát a könnyebb érthetőség kedvéért.
Mauris dui nisi, viverra at sagittis quis, tincidunt id enim. Praesent vitae sem elit. Donec vitae suscipit ipsum. Donec porttitor risus in eros rutrum mollis. Proin pellentesque pulvinar neque vel accumsan. Vestibulum vestibulum bibendum lorem vel posuere.