„HTML Alapok” változatai közötti eltérés

Innen: IT documentation
(Új oldal, tartalma: „== A HTML dokumentum szerkezete == Egyszerű HTML dokumentum a minimum szükséges tagekkel<syntaxhighlight lang="html"> <html> <head> <title>Az site címe</title> </h…”)
 
 
(8 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 tagekkel<syntaxhighlight lang="html">
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> tagben van a site.A <nowiki><head> és </head></nowiki> tagben vannak a site tulajdonságait leíró tagek.
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> tagben van a site címe.
A <title> és </title> tag-ben van a site címe.


A <body> és </body> tagben vannak a látható tartalmak.
A <body> és </body> tag-ben vannak a látható tartalmak.


== HTML alap tagek ==
==HTML alap tagek==
<br />
{| class="wikitable"
{| class="wikitable"
!Tag
!Tag
!Leírás
!Leírás
|-
|-
|<!DOCTYPE>
|[[HTML !DOCTYPE tag|<!DOCTYPE>]]
|Dokumentum típus deklaráció
|Dokumentum típus deklaráció
|-
|-
|<nowiki><html></nowiki>
|[[HTML html tag|<nowiki><html></nowiki>]]
|HTML dokumentum definiálása
|HTML dokumentum definiálása
|-
|-
|<head>
|[[HTML head tag|<head>]]
|HTML dokumentum fejlécének definiálása
|HTML dokumentum fejlécének definiálása
|-
|-
|<body>
|[[HTML body tag|<body>]]
|HTML dokumentum törzsének definiálása
|HTML dokumentum törzsének definiálása
|-
|-
|<nowiki><h1> - <h6></nowiki>
|[[HTML h1 - h6 tag|<nowiki><h1> - <h6></nowiki>]]
|Fejlécek, címsorok
|Fejlécek, címsorok
|-
|-
|<nowiki><p></nowiki>
|[[HTML p tag|<nowiki><p></nowiki>]]
|Bekezdés
|Bekezdés
|-
|-
|<nowiki><br /></nowiki>
|[[HTML br tag|<nowiki><br /></nowiki>]]
|Sortörés
|Sortörés
|-
|-
|<nowiki><hr /></nowiki>
|[[HTML hr tag|<nowiki><hr /></nowiki>]]
|Vízszintes vonal
|Vízszintes vonal
|-
|-
|<!-- -->
|[[HTML megjegyzés|<html>&#60;</html>!-- -->]]
|HTML megjegyzés
|HTML megjegyzés
|}
|}


== Általános attribútumok ==
==Globális attribútumok==
A base, head, html, meta, param, script, style és title tageknél nem használhatóak.
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.
|-
|-
|id
|[[HTML contenteditable attribútum|contenteditable]]
|yes<br />no
|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 elem "drag and drop" képessége.
|-
|[[HTML hidden attribútum|hidden]]
|hidden
|Az elem elrejtése.
|-
|[[HTML id attribútum|id]]
|''id''
|''id''
|Meghatározza az elem egyedi azonosítóját.
|Meghatározza az elem egyedi azonosítóját.
|-
|-
|style
|[[HTML lang attribútum|lang]]
|''[[HTML Nyelvi kódok|nyelv kód]]''
|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ó''
|''CSS definíció''
|Az attribútummal beágyazható egy CSS definíció az elemre vonatkozóan.
|Az attribútummal beágyazható egy CSS definíció az elemre vonatkozóan.
|-
|-
|title
|[[HTML tabindex attribútum|tabindex]]
|''szám''
|Meghatározza az elem tabulátor sorrendjét.
|-
|[[HTML title attribútum|title]]
|''Szöveg''
|''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.
|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.
|}
== Nyelvi attribútumok ==
A base, br, frame, frameset, hr, iframe, param és script tageknél nem használhatóak.
{| class="wikitable"
!Attribútum
!Érték
!Leírás
|-
|-
|dir
|[[HTML translate attribútum|translate]]
|lrt
|yes<br />no
rtl
|Meghatározza, hogy az elem szövegét kell fordítani vagy sem.
|Meghatározza az elemen belüli szöveg irányát.
|-
|lang
|''nyelv kód''
|Meghatározza az elem nyelvi kódját.
|-
|xml:lang
|''nyelv kód''
|Meghatározza az elem nyelvi kódját az XHTML dokumentumokban.
|}
|}


== Billentyű attribútumok ==
[[Category:HTML]]
{| class="wikitable"
!Attribútum
!Érték
!Leírás
|-
|accesskey
|''karakter''
|Meghatároz egy gyorsbillentyű elérést az elemhez.
|-
|tabindex
|''szám''
|Meghatározza az elem tabulátor sorrendjét.
|}

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.
A lap eredeti címe: „https://doc.onlinesoft.org/index.php?title=HTML_Alapok&oldid=1231”