„HTML Alapok” változatai közötti eltérés
Innen: IT documentation
Nincs szerkesztési összefoglaló |
|||
| (2 közbenső módosítás ugyanattól a szerkesztőtől nincs mutatva) | |||
| 1. sor: | 1. sor: | ||
==A HTML dokumentum szerkezete== | ==A HTML dokumentum szerkezete== | ||
Egyszerű HTML dokumentum a minimum szükséges | Egyszerű HTML dokumentum a minimum szükséges tag-ekkel:<syntaxhighlight lang="html"> | ||
<html> | <html> | ||
| 17. sor: | 17. sor: | ||
Magyarázat: | Magyarázat: | ||
A <nowiki><html> és </html></nowiki> | A <nowiki><html> és </html></nowiki> tag-ben van a site. A <nowiki><head> és </head></nowiki> tag-ben vannak a site tulajdonságait leíró tag-ek. | ||
A <title> és </title> | A <title> és </title> tag-ben van a site címe. | ||
A <body> és </body> | A <body> és </body> tag-ben vannak a látható tartalmak. | ||
==HTML alap tagek== | ==HTML alap tagek== | ||
{| class="wikitable" | {| class="wikitable" | ||
!Tag | !Tag | ||
| 57. sor: | 56. sor: | ||
|} | |} | ||
== | ==Globális attribútumok== | ||
A | A globális attribútumok olyan attribútumok, amelyek legtöbb HTML-elemhez használhatóak. | ||
{| class="wikitable" | {| class="wikitable" | ||
!Attribútum | !Attribútum | ||
| 64. sor: | 63. sor: | ||
!Leírás | !Leírás | ||
|- | |- | ||
|class | |[[HTML accesskey attribútum|accesskey]] | ||
|''karakter'' | |||
|Meghatároz egy gyorsbillentyű elérést az elemhez. | |||
|- | |||
|[[HTML class attribútum|class]] | |||
|''osztálynév'' | |''osztálynév'' | ||
|Meghatározza az elem CSS osztályát. | |Meghatározza az elem CSS osztályát. | ||
|- | |- | ||
| | |[[HTML contenteditable attribútum|contenteditable]] | ||
|'' | |yes<br />no | ||
|Meghatározza az | |Az elem szerkeszthetősége. | ||
|- | |||
|[[HTML data- attribútum|data-*]] | |||
|''bármi'' | |||
|Egyéni attribútumok használata. | |||
|- | |||
|[[HTML dir attribútum|dir]] | |||
|lrt<br />rtl<br />auto | |||
|Meghatározza az elemen belüli szöveg irányát. | |||
|- | |- | ||
| | |[[HTML draggable attribútum|draggable]] | ||
| | |true<br />false<br />auto | ||
|Az | |Az elem "drag and drop" képessége. | ||
|- | |- | ||
| | |[[HTML hidden attribútum|hidden]] | ||
| | |hidden | ||
| | |Az elem elrejtése. | ||
| | |||
|- | |- | ||
| | |[[HTML id attribútum|id]] | ||
| | |''id'' | ||
|Meghatározza az elem egyedi azonosítóját. | |||
|Meghatározza az | |||
|- | |- | ||
|lang | |[[HTML lang attribútum|lang]] | ||
|''nyelv kód'' | |''[[HTML Nyelvi kódok|nyelv kód]]'' | ||
|Meghatározza az elem nyelvi kódját. | |Meghatározza az elem nyelvi kódját. | ||
|- | |- | ||
| | |[[HTML spellcheck attribútum|spellcheck]] | ||
| | |true<br />false | ||
| | |Helyesírás ellenőrzés meghatározása. | ||
|- | |- | ||
| | |[[HTML style attribútum|style]] | ||
|'' | |''CSS definíció'' | ||
| | |Az attribútummal beágyazható egy CSS definíció az elemre vonatkozóan. | ||
|- | |- | ||
|tabindex | |[[HTML tabindex attribútum|tabindex]] | ||
|''szám'' | |''szám'' | ||
|Meghatározza az elem tabulátor sorrendjét. | |Meghatározza az elem tabulátor sorrendjét. | ||
|- | |||
|[[HTML title attribútum|title]] | |||
|''Szöveg'' | |||
|Egyéb információk adtatók meg az elemről. A böngészők általában előugró üzenetekként jelenítik meg. | |||
|- | |||
|[[HTML translate attribútum|translate]] | |||
|yes<br />no | |||
|Meghatározza, hogy az elem szövegét kell fordítani vagy sem. | |||
|} | |} | ||
[[Category:HTML]] | [[Category:HTML]] | ||
A lap jelenlegi, 2020. szeptember 26., 18:37-kori változata
A HTML dokumentum szerkezete
Egyszerű HTML dokumentum a minimum szükséges tag-ekkel:
<html>
<head>
<title>Az site címe</title>
</head>
<body>
A site tartalma...
</body>
</html>
Magyarázat:
A <html> és </html> tag-ben van a site. A <head> és </head> tag-ben vannak a site tulajdonságait leíró tag-ek.
A <title> és </title> tag-ben van a site címe.
A <body> és </body> tag-ben vannak a látható tartalmak.
HTML alap tagek
| Tag | Leírás |
|---|---|
| <!DOCTYPE> | Dokumentum típus deklaráció |
| <html> | HTML dokumentum definiálása |
| <head> | HTML dokumentum fejlécének definiálása |
| <body> | HTML dokumentum törzsének definiálása |
| <h1> - <h6> | Fejlécek, címsorok |
| <p> | Bekezdés |
| <br /> | Sortörés |
| <hr /> | Vízszintes vonal |
| <!-- --> | HTML megjegyzés |
Globális attribútumok
A globális attribútumok olyan attribútumok, amelyek legtöbb HTML-elemhez használhatóak.
| Attribútum | Érték | Leírás |
|---|---|---|
| accesskey | karakter | Meghatároz egy gyorsbillentyű elérést az elemhez. |
| class | osztálynév | Meghatározza az elem CSS osztályát. |
| contenteditable | yes no |
Az elem szerkeszthetősége. |
| data-* | bármi | Egyéni attribútumok használata. |
| dir | lrt rtl auto |
Meghatározza az elemen belüli szöveg irányát. |
| draggable | true false auto |
Az elem "drag and drop" képessége. |
| hidden | hidden | Az elem elrejtése. |
| id | id | Meghatározza az elem egyedi azonosítóját. |
| lang | nyelv kód | Meghatározza az elem nyelvi kódját. |
| spellcheck | true false |
Helyesírás ellenőrzés meghatározása. |
| style | CSS definíció | Az attribútummal beágyazható egy CSS definíció az elemre vonatkozóan. |
| tabindex | szám | Meghatározza az elem tabulátor sorrendjét. |
| title | Szöveg | Egyéb információk adtatók meg az elemről. A böngészők általában előugró üzenetekként jelenítik meg. |
| translate | yes no |
Meghatározza, hogy az elem szövegét kell fordítani vagy sem. |