„HTML Szintaktika” változatai közötti eltérés
Nincs szerkesztési összefoglaló |
|||
| (Egy közbenső módosítás ugyanattól a szerkesztőtől nincs mutatva) | |||
| 1. sor: | 1. sor: | ||
== Mi a HTML? == | <languages /> | ||
==Mi a HTML?== | |||
A HTML ('''H'''yper '''T'''ext '''M'''arkup '''L'''anguage) nyelv a weboldalak nyelve. A böngészők (mint a Firefox, Google Crome, Safari vagy az Internet Explorer) olvassák a HTML dokumentumokat és megjelenítik a weboldalakat. | A HTML ('''H'''yper '''T'''ext '''M'''arkup '''L'''anguage) nyelv a weboldalak nyelve. A böngészők (mint a Firefox, Google Crome, Safari vagy az Internet Explorer) olvassák a HTML dokumentumokat és megjelenítik a weboldalakat. | ||
== HTML Tag-ek == | ==HTML Tag-ek== | ||
A HTML nyelv nem programnyelv, hanem leíró nyelv. A leíró nyelv 'tag'-ek ből áll. A HTML tag-ek nem jelennek meg, de a böngészők értelmezik őket. A tag-ek általában egy kulcsszóból állnak relációs jelek közt. Pl.: <nowiki><html> A tag-ek általában párban vannak. Pl.: <b> és </b></nowiki> Az első tag a nyitó tag, a másodig a záró tag. A tag a nyitó és záró tag közti tartalom valamely tulajdonságát írja le. | A HTML nyelv nem programnyelv, hanem leíró nyelv. A leíró nyelv 'tag'-ek ből áll. A HTML tag-ek nem jelennek meg, de a böngészők értelmezik őket. A tag-ek általában egy kulcsszóból állnak relációs jelek közt. Pl.: <nowiki><html> A tag-ek általában párban vannak. Pl.: <b> és </b></nowiki> Az első tag a nyitó tag, a másodig a záró tag. A tag a nyitó és záró tag közti tartalom valamely tulajdonságát írja le. | ||
== HTML forrás fájl == | ==HTML forrás fájl== | ||
Szintaktika:<syntaxhighlight lang="html"> | Szintaktika:<syntaxhighlight lang="html"> | ||
<html> | <html> | ||
| 18. sor: | 19. sor: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== A HTML dokumentum szerkesztése == | ==A HTML dokumentum szerkesztése== | ||
Mivel a HTML dokumentum tulajdonképpen egy egyszerű szöveges fájl, ezért bármilyen szövegszerkesztővel szerkeszthető. Ha forrás szinten akarjuk szerkeszteni a HTML dokumentumokat lehetőleg egyszerű karakteres szerkesztővel tegyük. Legtöbbjük ma már fel van készítve a HTML és XML tagek, illetve egyéb nyelvek összefüggéseinek, szerkezetének kezelésére és segítenek szintaktikailag helyes forrásfájlokat készíteni. Grafikus szövegszerkesztőkkel, mint pl: az Open Office vagy a Microsoft Word nem javasolt forrás szintű szerkesztés, mert egyéb egyedi formázásokat helyeznek el a dokumentumokban, ami a böngészőkben helytelenül jelenik meg vagy hibát okoz. Professzionális web szerkesztésre kifejezetten erre a célra készített szoftver használjunk, pl: Adobe Dreamweaver. Bonyolultabb aktív tartalmat, adatbázis támogatást igénylő oldalakhoz pedig Tartalomkezelő Rendszerek (CMS) használatosak. | Mivel a HTML dokumentum tulajdonképpen egy egyszerű szöveges fájl, ezért bármilyen szövegszerkesztővel szerkeszthető. Ha forrás szinten akarjuk szerkeszteni a HTML dokumentumokat lehetőleg egyszerű karakteres szerkesztővel tegyük. Legtöbbjük ma már fel van készítve a HTML és XML tagek, illetve egyéb nyelvek összefüggéseinek, szerkezetének kezelésére és segítenek szintaktikailag helyes forrásfájlokat készíteni. Grafikus szövegszerkesztőkkel, mint pl: az Open Office vagy a Microsoft Word nem javasolt forrás szintű szerkesztés, mert egyéb egyedi formázásokat helyeznek el a dokumentumokban, ami a böngészőkben helytelenül jelenik meg vagy hibát okoz. Professzionális web szerkesztésre kifejezetten erre a célra készített szoftver használjunk, pl: Adobe Dreamweaver. Bonyolultabb aktív tartalmat, adatbázis támogatást igénylő oldalakhoz pedig Tartalomkezelő Rendszerek (CMS) használatosak. | ||
== HTML attribútumok == | ==HTML attribútumok== | ||
A HTML elemeknek lehetnek attribútumai. Az attribútumok további információkkal szolgálnak az elemről. Az attribútumokat minden esetben a kezdő tagben kell megadni. Az attribútumok név / érték párokból állnak. Pl: name="érték" | A HTML elemeknek lehetnek attribútumai. Az attribútumok további információkkal szolgálnak az elemről. Az attribútumokat minden esetben a kezdő tagben kell megadni. Az attribútumok név / érték párokból állnak. Pl: name="érték" | ||
| 28. sor: | 29. sor: | ||
</syntaxhighlight>A HTML-ben a linket az <a> tag írja le, a link címét, azaz URL-jét a href attribútum adja meg. Az attribútum értékét mindig idézőjelbe kell tenni. Általában dupla vesszős idézőjel használatos, de amikor az attribútum értéke maga is tartalmaz idézőjeleket használhatóak az aposztrófok is. Pl: name = 'John "shotgun" Nelson' | </syntaxhighlight>A HTML-ben a linket az <a> tag írja le, a link címét, azaz URL-jét a href attribútum adja meg. Az attribútum értékét mindig idézőjelbe kell tenni. Általában dupla vesszős idézőjel használatos, de amikor az attribútum értéke maga is tartalmaz idézőjeleket használhatóak az aposztrófok is. Pl: name = 'John "shotgun" Nelson' | ||
== Rövid tagek == | ==Rövid tagek== | ||
A rövid tagek olyan tagek amelyeknek nincs záró tag párja. Csak attribútumokat tartalmazhatnak. | A rövid tagek olyan tagek amelyeknek nincs záró tag párja. Csak attribútumokat tartalmazhatnak. | ||
| 35. sor: | 36. sor: | ||
<img src="images/logo.png" /> | <img src="images/logo.png" /> | ||
</syntaxhighlight>A <nowiki><br></nowiki> tag a HTML-ben a sortörést definiálja, attribútuma nincs. Az <nowiki><img></nowiki> tag egy az src attribútumban meghatározott képet szúr be a HTML dokumentumba. Egyik esetben sincs záró tag. A rövid tageket /> -el zárjuk le a HTML szabvány szerint, de a böngészők elogadják az egyéb tageknél megszokott > lezárást is. | </syntaxhighlight>A <nowiki><br></nowiki> tag a HTML-ben a sortörést definiálja, attribútuma nincs. Az <nowiki><img></nowiki> tag egy az src attribútumban meghatározott képet szúr be a HTML dokumentumba. Egyik esetben sincs záró tag. A rövid tageket /> -el zárjuk le a HTML szabvány szerint, de a böngészők elogadják az egyéb tageknél megszokott > lezárást is. | ||
[[Kategória:HTML]] | |||
A lap jelenlegi, 2023. február 9., 15:13-kori változata
Mi a HTML?
A HTML (Hyper Text Markup Language) nyelv a weboldalak nyelve. A böngészők (mint a Firefox, Google Crome, Safari vagy az Internet Explorer) olvassák a HTML dokumentumokat és megjelenítik a weboldalakat.
HTML Tag-ek
A HTML nyelv nem programnyelv, hanem leíró nyelv. A leíró nyelv 'tag'-ek ből áll. A HTML tag-ek nem jelennek meg, de a böngészők értelmezik őket. A tag-ek általában egy kulcsszóból állnak relációs jelek közt. Pl.: <html> A tag-ek általában párban vannak. Pl.: <b> és </b> Az első tag a nyitó tag, a másodig a záró tag. A tag a nyitó és záró tag közti tartalom valamely tulajdonságát írja le.
HTML forrás fájl
Szintaktika:
<html>
<body>
<h1>Az első fejlécem</h1>
<p>Az első bekezdésem</p>
</body>
</html>
A HTML dokumentum szerkesztése
Mivel a HTML dokumentum tulajdonképpen egy egyszerű szöveges fájl, ezért bármilyen szövegszerkesztővel szerkeszthető. Ha forrás szinten akarjuk szerkeszteni a HTML dokumentumokat lehetőleg egyszerű karakteres szerkesztővel tegyük. Legtöbbjük ma már fel van készítve a HTML és XML tagek, illetve egyéb nyelvek összefüggéseinek, szerkezetének kezelésére és segítenek szintaktikailag helyes forrásfájlokat készíteni. Grafikus szövegszerkesztőkkel, mint pl: az Open Office vagy a Microsoft Word nem javasolt forrás szintű szerkesztés, mert egyéb egyedi formázásokat helyeznek el a dokumentumokban, ami a böngészőkben helytelenül jelenik meg vagy hibát okoz. Professzionális web szerkesztésre kifejezetten erre a célra készített szoftver használjunk, pl: Adobe Dreamweaver. Bonyolultabb aktív tartalmat, adatbázis támogatást igénylő oldalakhoz pedig Tartalomkezelő Rendszerek (CMS) használatosak.
HTML attribútumok
A HTML elemeknek lehetnek attribútumai. Az attribútumok további információkkal szolgálnak az elemről. Az attribútumokat minden esetben a kezdő tagben kell megadni. Az attribútumok név / érték párokból állnak. Pl: name="érték"
Szintaktika:
<a href="http://google.com">Ez egy link</a>
A HTML-ben a linket az <a> tag írja le, a link címét, azaz URL-jét a href attribútum adja meg. Az attribútum értékét mindig idézőjelbe kell tenni. Általában dupla vesszős idézőjel használatos, de amikor az attribútum értéke maga is tartalmaz idézőjeleket használhatóak az aposztrófok is. Pl: name = 'John "shotgun" Nelson'
Rövid tagek
A rövid tagek olyan tagek amelyeknek nincs záró tag párja. Csak attribútumokat tartalmazhatnak.
Szintaktika:
<br />
<img src="images/logo.png" />
A <br> tag a HTML-ben a sortörést definiálja, attribútuma nincs. Az <img> tag egy az src attribútumban meghatározott képet szúr be a HTML dokumentumba. Egyik esetben sincs záró tag. A rövid tageket /> -el zárjuk le a HTML szabvány szerint, de a böngészők elogadják az egyéb tageknél megszokott > lezárást is.
