„HTML Szintaktika” változatai közötti eltérés
(Új oldal, tartalma: „== 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 Int…”) |
|||
| 16. sor: | 16. sor: | ||
</body> | </body> | ||
</html> | </html> | ||
</syntaxhighlight | </syntaxhighlight> | ||
== A HTML dokumentum szerkesztése == | == A HTML dokumentum szerkesztése == | ||
A lap 2019. december 29., 20:54-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.
