Html elemek attribútumai, leírásai.

Saját részre HTML elemek attribútumai teszt oldal, de az itt leírtakat mindenki szabadon felhasználhatja.

**Kattints a kiválasztott elemre, annak attribútumainak / leírásainak megtekintéséhez.**
<a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button>	<canvas> <caption> <center> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed>	<fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> - <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd>	<label> <legend> <li> <link> <main> <map> <mark> <marquee> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output>	<p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <svg>	<table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>	Globális attribútumok Globális event Űrlap események Billentyűzeti események Egér események Másol/beilleszt események Mozgatási események Egyéb esemény Média események audió / videó - Módszerek - Tulajdonságok - Események

<a> Hivatkozási elem, attribútumai.
Legfontosabb attribútuma a " href ", mely jelzi, azaz, meghatározza a hivatkozási hely útvonalát. (URL-jét).

Attribútum	Value/értéke	Leírás
charset	char_encoding	Nem támogatott HTML5-ben. Meghatározza a kapcsolódó dokumentum karakterkészletét
coords	coordinates	Nem támogatott HTML5-ben. Megadja a hivatkozási link, koordinátáit.
download	filename	Megadja, hogy a cél letöltésre kerül, ha a felhasználó rákattint a hiperlinkre
href	URL	Megadja az oldal URL-jét, melyre a hivatkozás megy.
hreflang	language_code	Meghatározza a csatolt dokumentum nyelvezetét.
media	media_query	Meghatározza, hogy a csatolt dokumentumot, milyen médiához / eszközhöz optimalizálták.
name	section_name	Nem támogatott HTML5-ben. Használja helyette a globális " id " attribútumot. Megadja a horgonyt azonosító, egyedi nevet
ping	list_of_URLs	Általában nyomkövetésre használják. Olyan URL-ek szétválasztott listáját határozza meg, amelyek követik a linkeknek megfelelő feltöltést, ping-el küldött kéréseket a böngésző, (a háttérben) küldi.
rel	alternate author bookmark external help license next nofollow noreferrer noopener prev search tag	Megadja az aktuális dokumentum és a kapcsolódó dokumentum közötti kapcsolatot - Váltakozó, választási lehetőség. - Szerző, író. - Jelző, könyvjelző. - Külső. - Segítség, támogatás. - Engedély. - Következő, ezt követő. - Nincs követés. - Nincs hivatkozás. - Nincs nyitó, nincs nyitva. - Előző, előző tartalom. - Keresés. - Címke, vignyetta.
rev	text	Nem támogatott HTML5-ben. Meghatározza a kapcsolt dokumentum és az aktuális dokumentum közötti kapcsolatot
shape	default rect circle poly	Nem támogatott HTML5-ben. Megadja a hivatkozás alakját. - Alapértelmezett. - Téglalap. - Kör. - Más formátum. (Például: csillag, stb.)
target	_blank _parent _self _top framename	Meghatározza, hól nyissa meg a kapcsolódó dokumentumot. - Célzott helyen. - Szülő elemnél. - Maga oldalán. - Felső pózban. - Keretnév szerint.
type	media_type	Meghatározza a csatolt dokumentum, média típusát.

Támogatja a globális attribútumokat és események attribútumait is.
Legtöbb böngésző megjeleníti <a> elemet, az alábbi alapértelmezett értékekkel:
       a:link, a:visited {  color: (internal value); text-decoration: underline; cursor: auto; }
       a:link:active, a:visited:active {   color: (internal value); }

Alapértelmezés szerint a hivatkozások az alábbiak szerint jelennek meg az összes böngészőben:
  - Nem látogatott link aláhúzva, és kék színű
  - Meglátogatott link aláhúzott, és lila
  - Aktív link aláhúzott, és vörös

Vissza a tartalomjegyzékhez.

<abbr> Rövidítés kijelölése.

A rövidítések megjelölése hasznos információkkal szolgál a böngészők, a fordítási rendszerek és a keresőmotorok számára.

A globális "title" attribútum, használható a <abbr> címkében, rövidítés / betűszó teljes verziójának megjelenítéséhez,
amikor az egeret az <abbr> elem fölé mozgatásával mutatjuk be.
Példa: <abbr title="Ide jön, a rövidítés részletes leírása">......</abbr>
Támogatja a Globális attribútumokat, és események attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<acronym> Nem támogatott HTML5-ben. Mozaikszó kijelölése.

Használjuk helyette az <abbr> elemet.
A "title" attribútum segítségével, fel lehet használni az acronym teljes verzióját, amikor egérrel a szöveg felett van.
Példa: <acronym title="Ide jön, a mozaikszó részletes leírása">.......</acronym>

Vissza a tartalomjegyzékhez.

<address> Külső címek, szerzők kiemelése, és információ megjelenítése.

Általában dőlt betűkkel jelenik meg.
Támogatja a globális attribútumokat, és  esemény attribútumait is.
Alapértelmezett CSS beállítások:
       address {  display: block;  font-style: italic; }

Vissza a tartalomjegyzékhez.

<applet> Nem támogatott HTML5-ben. Beágyazott Java-kisalkalmazás.

Attribútum	Value/értéke	Leírás
code	URL	Megadja a Java applet fájlnevét, URL-jét
object	name	Megadja az applet sorozatos ábrázolására való hivatkozást

Opcionális tulajdonságai:

Attribútum	Value/értéke	Leírás
align	left right top bottom middle baseline	Megadja az applet igazítását, a környező elemekkel való, összehangolásához. balra jobbra fentre lentre középre alapvonalra
alt	text	Megadja az applet alternatív szövegét.
archive	URL	Meghatározza az archív fájl helyét.
codebase	URL	A kód attribútumban megadott appletek relatív alap URL-jét határozza meg.
height	pixels	Megadja az applet magasságát.
hspace	pixels	Meghatározza az applet körüli vízszintes távolságot.
name	name	Megadja az applet nevét (a szkriptekben használható)
vspace	pixels	Megadja a függőleges távolságot egy applet körül.
width	pixels	Megadja az applet szélességét.

Vissza a tartalomjegyzékhez.

<area> Kijelöli a kattintható területet, rajzlapon / képen / térképen.
Az <img> tag usemap attribútuma a <map> elem nevének attribútumához kapcsolódik, és létrehoz egy kapcsolatot a kép és a térkép között.

Attribútum	Leírás
shape	Meghatározza, kijelölő formátumát. shape="rect"
coords	Meghatározza, kijelölő parametereit px-értékkel. coords="0,0,60,80"
href	Meghatározza, kattintáskor hová jutunk. href="#.htm"
title	Információt ad felhasználónak, ha az egeret kattintható területre mozgatta. title="Hold! Bővebben, katt ide!"

Attribútum	Value/értéke	Leírás
alt	text	A terület alternatív szövegét adja meg. Szükséges, ha a href attribútum jelen van
coords	coordinates	Megadja a terület koordinátáit
download	filename	Megadja a cél fájlt, mely letöltésre kerül, ha a felhasználó rákattint a hiperlinkre.
href	URL	Megadja a területhez tartozó hiperhivatkozás URL-jét
hreflang	language_code	Megadja a cél URL nyelvezetének kódját.
media	media query	Meghatározza, hogy a cél URL milyen médiára / eszközre optimalizált.
nohref	value	Nem támogatott HTML5-ben. Megadja, hogy egy adott területnek, nincs társított kapcsolata
rel	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	Meghatározza az aktuális dokumentum és a cél URL közötti kapcsolatot.
shape	default rect circle poly	Meghatározza a kattintható terület alakját. Alapértelmezett. Téglalap. Kör. Más formátum. (Például: csillag, stb.)
target	_blank _parent _self _top framename	Megadja, hól nyissa meg a cél URL-t - Célzott helyen. - Szülő elemnél. - Maga oldalán. - Felső pózban. - Keretnév szerint.
type	media_type	Megadja a cél URL, média típusát.

A legtöbb böngészőben alapértelmezett CSS beállítások:
        area {   display: none; }

Vissza a tartalomjegyzékhez.

<article> Dokumentumban szereplő, egy cikket határoz meg.

Meghatározhatunk egyedi stílust: Nevével vagy id és class azonosítóval.
Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett CSS beállítások:
       article {  display: block; }

Vissza a tartalomjegyzékhez.

<aside> Új a HTML5-ben. Oldal tartalmától eltérő, új tartalmakat határoz meg.

Meghatározhatunk egyedi stílust: Nevével vagy id és class azonosítóval.
Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett CSS beállítások:
       aside {  display: block; }

Vissza a tartalomjegyzékhez.

<audio> Meghatározza a hangot, zenét és egyéb hangfolyamokat.

Jelenleg 3 támogatott fájlformátum található az <audio> elemhez: MP3, WAV és OGG:
MIME-típusok audió formátumokhoz
Format	MIME-type
MP3        audio/mpeg
OGG       audio/ogg
WAV       audio/wav

Attribútum	Value/értéke	Leírás
autoplay	autoplay	Megadja, hogy az audió azonnal készen álljon a lejátszásra.
controls	controls	Megadja, hogy a hangvezérlők megjelenjenek-e (például lejátszás / szünet gomb stb.)
loop	loop	Megadja, hogy a hang újrainduljon, minden alkalommal, amikor lejátszásnak vége.
muted	muted	Megadja, hogy az audiokimenetet elnémítsa.
preload	auto metadata none	Szerző megfontolása szerint a hang, milyen formában kerüljön betöltésre, az oldal betöltésekor
src	URL	Meghatározza az audiofájl URL-jét.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<b> Félkövér szöveg.

A HTML 5 specifikáció szerint, <b> elemet, csak a legvégsőbb esetben használja, azaz, ha nincs megfelelőbb lehetőség.
Használhatja félkövér karakterekhez, a CSS "font-weight" tulajdonságot.

Támogatja a globális attribútumokat és esemény attribútumait is.
Legtöbb böngészőben alapértelmezett CSS beállítása:
            b { font-weight: bold; }

Vissza a tartalomjegyzékhez.

<base> Megadja alapértelmezett URL-t és az alapértelmezett célzást az összes linkre, egy oldalon.
Legfeljebb egy <base> elem lehet a dokumentumban, és a <head> elemen belül kell lennie.
Ha az <base> címke jelen van, meg kell adni egy href attribútumot vagy egy cél-attribútumot vagy mindkettőt.

Attribútum	Value/értéke	Leírás
href	URL	Az oldal összes relatív URL-jéhez tartozó, alap URL-t adja meg.
target	_blank _parent _self _top framename	Az oldal összes hiperlinkjére és űrlapjára vonatkozó, alapértelmezett cél URL. - Célzott helyen. - Szülő elemnél. - Maga oldalán. - Felső pózban. - Keretnév szerint.

Támogatja a globális attribútumokat és nem támogat semmilyen esemény attribútumot.

Vissza a tartalomjegyzékhez.

<basefont> Alapértelmezett szöveg stílus. Nem támogatja a HTML5, és nem minden böngésző
Szövegek formázására, használja helyette a CSS fájlt.

Attribútum	Value/értéke	Leírás
color	color	Nem támogatott HTML5-ben. Megadja a dokumentum szövegének alapértelmezett színét
face	font_family	Nem támogatott HTML5-ben. Meghatározza a dokumentum szövegének alapértelmezett betűtípusát.
size	number	Nem támogatott HTML5-ben. Meghatározza a dokumentumban szereplő karakterek, alapértelmezett méretét.

Vissza a tartalomjegyzékhez.

<bdi> Más irányba formázott szöveg, visszafordítása.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítása nincs.

Vissza a tartalomjegyzékhez.

<bdo> Meghatározza a szövegirányt.

Attribútum	Value/értéke	Leírás
dir	ltr rtl	Kötelező. Megadja a szövegirányát, <bdo> elemen belül. Balról-Jobbra. -----> <bdo dir="ltr"> ....... </bdo> <----- Jobbról-Balra. <bdo dir="rtl"> ....... </bdo>

Támogatja a globális attribútumokat és esemény attribútumait is.
Legtöbb böngészőben alapértelmezett CSS beállítása:
        bdo {  unicode-bidi: bidi-override; }

Vissza a tartalomjegyzékhez.

<big> Gyors betűméret növelés. Nem támogatja HTML5. Használja helyette a CSS fájlt.

Vissza a tartalomjegyzékhez.

<blockquote> Idézetblokk más forrásból. Kiemelt bekezdésekhez.
A <blockquote> elem XHTML-ként történő hitelesítéséhez, csak olyan blokkszintű elemeket kell tartalmaznia, mint például a <p> elem.
Támogatja a globális attribútumokat és esemény attribútumait is.

Attribútum	Value/értéke	Leírás
cite	URL	Megadja az ajánlat forrását, származási URL-jét.

Vissza a tartalomjegyzékhez.

<body> Kijelöli azon területet, melynek tartalma böngészőben megjelenhet.

Az összes elrendezési attribútum eltávolításra került a HTML5-ben,

**Attribútumok nem támogatottak a HTML5-ben.**
Attribútum	Value/értéke	Leírás
alink	color	Megadja a dokumentum aktív linkjének színét.
background	URL	Egy dokumentum háttérképét határozza meg.
bgcolor	color	Meghatározza a dokumentum háttérszínét.
link	color	Meghatározza a dokumentumban szereplő, nem látható linkek színét.
text	color	Meghatározza a dokumentum szövegének színét.
vlink	color	Meghatározza a dokumentumban szereplő, és látogatott hivatkozások színét.

Vissza a tartalomjegyzékhez.

<br> -- <br /> Szövegsor lezáró. Egyetlen sortörést ad meg.
Támogatja a globális attribútumokat és esemény attribútumait is.

Vissza a tartalomjegyzékhez.

<button> Egy kattintásí gomb. Mindig adja meg a type(típus), attribútumát.
Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás nincs.

Attribútum	Value/értéke	Leírás
autofocus	autofocus	Meghatározza, hogy a gomb automatikusan felugrik, amikor az oldal betöltődik.
disabled	disabled	Meghatározza, ha a gombot, le kell tiltani.
form	form_id	A gombhoz tartozó egy vagy több űrlap azonosítóját határozza meg.
formaction	URL	Megadja, hova küldje el az űrlapadatokat, amikor egy űrlapot küldenek. Csak a type="submit" esetén.
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Űrlapadatokat hogyan kell kódolni, kiszolgálónak történő elküldés előtt. Csak a type="submit" esetén.
formmethod	get post	Megadja az űrlapadatok elküldésének módját. Csak a type="submit" esetén. (Melyhez HTTP-módszert kell használni).
formnovalidate	formnovalidate	Megadja, hogy az űrlapadatokat nem kell érvényesíteni a benyújtáskor. Csak a type="submit" esetén.
formtarget	_blank _self _parent _top framename	Meghatározza, hól jelenjen meg a válasz az űrlap elküldése után. Csak a type="submit" esetén. - Célzott helyen. - Szülő elemnél. - Maga oldalán. - Felső pózban. - Keretnév szerint.
name	name	Megadja a gomb nevét, azonosítóját. Használhat " id " azonosítót is.
type	button reset submit	Meghatározza a button gomb típusát. - Kattintható gomb. - Törlő gomb. - Küldő gomb.
value	text	Megadja a button gomb, kezdeti értékét.

Vissza a tartalomjegyzékhez.

<canvas> Új a HTML5-ben. Kijelöli az egyedi rajzok területét.
Nincs saját rajzolási képessége, csak grafikus területet jelöl ki, grafika tényleges rajzolásához egy szkriptet kell használni.
A szkript getContext() metódusa, olyan objektumot ad vissza, mely metódusokat és tulajdonságokat biztosít a vászonra történő rajzoláshoz.
A getContext("2d") lefedi objektum azon tulajdonságait és módszereit, melyekkel szöveget, vonalakat, négyzeteket, köröket és sok mást is, rajzolhatunk a vászonra.

Attribútum	Value/értéke	Leírás
height	pixel, px	Meghatározza a rajzvászon magasságát. Alapértelmezett értéke: 150px;
width	pixel, px	Meghatározza a rajzvászon szélességét. Alapértelmezett értéke: 300px;
id	String	Azonosító (karakterek vagy karakter + számok) a Script részére, és egyedi stílusok meghatározására.

Támogatja a globális attribútumokat, és event esemény attribútumokat is, a HTML-ben.
Legtöbb böngésző megjeleníti, a következő alapértelmezett értékekkel:
         canvas {  height: 150px; width: 300px; }

A szkriptben meghatározható, színek, stílusok és árnyékok:

Property	Description
fillStyle	Meghatározza rajz kitöltéséhez használt színt, vagy színátmenetét. fillStyle = "rgb(0, 160, 230)" - Alakzat kitöltési háttérszíne. fillStyle = "rgba(0, 160, 230, 0.75)"; - Alakzat kitöltési háttérszíne, és átláthatósága. fillStyle = "red"; Kitöltési szín. fillStyle = "#f00"; Kitöltési szín.
strokeStyle	Meghatározza rajz vonalának színét, vagy színátmenetét. strokeStyle="rgb" vagy "rgba" vagy strokeStyle="red"; vagy strokeStyle="#f00";
shadowColor	Meghatározza az árnyékokhoz használt színt. ( Alapértelmezett : # 000000 )
shadowBlur	Beállítja árnyék elmosódottságának méretét, alakzat körül. ( Értéke: Csak pozitív lehet. )
shadowOffsetX	Beállítja árnyék vízszintes elmozdítási értékét, az alakzatnál. ( Értéke: Pozitívnál jobbra, negatívnál balra mozgat. )
shadowOffsetY	Beállítja árnyék függőleges elmozdítási értékét, az alakzatnál. ( Értéke: Pozitívnál lefelé, negatívnál felfelé mozgat. )

Method / Módszer	Leírás
createLinearGradient()	Egyenes színátmenetet hoz létre, vízszintesen / függőlegesen. Az addColorStop() metódus adja meg, a különböző színeket, és hól helyezze el a színt, a gradiens objektumban / területen. A létrehozott színátmenetből annyi látszik, amennyit a fillRect()-nél meghatároztunk. Szintaxisa: createLinearGradient ( x0, y0, x1, y1 ); Paraméter Leírás x0 A gradiens kezdőpontjának x koordinátája y0 A gradiens kezdőpontjának y koordinátája x1 A gradiens végpontjának x koordinátája y1 A gradiens végpontjának y koordinátája // Vízszintes színátmenet létrehozása, ( grd ) változóhoz rendeléssel. <canvas id="cLG" width="300" height="100" style="border:2px solid lime"></canvas> <script> var id = document.getElementById("cLG"); var crajz = id.getContext("2d"); var grd = crajz.createLinearGradient(0, 0, 320, 0); grd.addColorStop(0, "red"); grd.addColorStop(1, "white"); // Előre meghatározott színátmenettel, alakzat rajzolása. crajz.fillStyle = grd; crajz.fillRect(0,0, 300, 100); </script>
createPattern()	Megismétli megadott elemet, a megadott mintával
createRadialGradient()	Körkörös színátmenetet hoz létre. Az addColorStop() metódus adja meg, a színt. A létrehozott színátmenetből annyi látszik, amennyit a fillRect()-nél meghatároztunk. Szintaxisa: createRadialGradient ( bx, by, br, kx, ky, kr ); Paraméter Leírás bx A gradiens kezdő, azaz, belső körének x-koordinátája. by A gradiens kezdõ, azaz, belső körének y-koordinátája. br A kezdő, azaz, belső kör sugara. kx A gradiens végző, azaz, külső körének x-koordinátája. ky A gradiens végző, azaz, külső körének y-koordinátája. kr A végző, azaz, külső kör sugara. // Körkörös színátmenet létrehozása, ( grd ) változóhoz rendeléssel. <canvas id="cRG" width="160" height="160" style="border:2px solid lime"></canvas> <script> var id = document.getElementById("cRG"); var crajz = id.getContext("2d"); var grd = crajz.createRadialGradient(80, 80, 10, 80, 80, 80); grd.addColorStop(0, "red"); grd.addColorStop(1, "white"); crajz.fillStyle = grd; crajz.fillRect(0,0, 160, 160); </script>
addColorStop()	Megadja a stop pozíciót és a színt, egy gradiens objektumban / területen. grd.addColorStop(0, "red"); grd.addColorStop(1, "white");

Paths ( Rajz utak / útvonalak / nyomvonal.)

Method	Leírás
fill()	Kitölti / feltölti megrajzolt formát, általunk fillStyle-nél meghatározott színnel. ( Alapértelmezett szín értéke: fekete.)
stroke()	Összeköti a megadott pozíciókat. Valójában felhívja a megadott útvonalat az összes moveTo() és lineTo() metódussal. (Alapértelmezett szín, fekete.) Használhatjuk a strokeStyle tulajdonságot, másik szín vagy színátmenet meghatározásához.
beginPath()	Rajz kezdete. Elindul egy rajz útvonal, vagy visszaállítja az aktuális útvonalat.
moveTo()	Rajz / vonal, kezdő pozícióját határozza meg. moveTo(y, x) - Ceruzát a megadott (y-left,x-top) kezdőpontba mozgatja.
closePath()	Rajz vége. Létrehoz egy útvonalat az aktuális ponttól, a kiindulási pontig.
lineTo()	Utolsó meghatározott pont pozíciójához, új pont pozíciót ad hozzá. ( y-left,x-top ) végpontba. Annyi lineTo(y,x) metódust írunk be, amennyi a megrajzolandó alakzathoz, szükséges.
clip()	Klip terület az eredeti vászon bármilyik alakú / formájú alakzatánál. A clip() utáni terület azon része lesz látható / szerkeszthető, mely az eredetileg kijelölt területen belül van.
quadraticCurveTo()	Egy négyzetes Bézier görbét hoz létre. quadraticCurveTo(cpx,cpy,x,y); Paraméterek Leírás cpx Bézier vezérlőpont x-koordinátája cpy Bézier vezérlőpont y koordinátája x Végpont x-koordinátája y Végpont y-koordinátája
bezierCurveTo()	Egy köbös Bézier görbét hoz létre. bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y); Paraméterek Leírás cp1x Első Bézier vezérlőpont x-koordinátája cp1y Első Bézier vezérlőpont y koordinátája cp2x Második Bézier vezérlőpont x-koordinátája cp2y Második Bézier vezérlőpont y koordinátája x Végpont x-koordinátája y Végpont y-koordinátája
arc()	Ív / görbe létrehozása, (körök vagy körök részének létrehozásához.) arc(x, y, r, s, e, c); x = Kör közepének x koordinátája. y = Kör közepének y koordinátája. r = Kör sugarának mérete. s = Kiindulási szög, a radianoknál (Érték = 0; Az ívkör kezdete, 3 óránál van.) e = Végsõ szög, radianban. ( Például: 1.5*Math.PI ) c = Rajz iránya. Óramutató járásával ellentétes vagy megegyező irány. - false az alapértelmezett. (Ezért, meghatározni nem kötelező.) - true az óramutató járásával ellentétes.
arcTo()	Ív / görbe létrehozása, két érintő között. arcTo ( x1, y1, x2, y2, r ); Paraméter Leírás x1 Első tangens/érintő x-koordinátája. y1 Első tangens/érintő y-koordinátája. x2 Második tangens/érintő x-koordinátája. y2 Második tangens/érintő y-koordinátája. r Az ív sugara / rádiusza.
isPointInPath()	Igaz, ha a megadott pont az aktuális útvonalon van, egyébként hamis

Transzformációk / átalakítók.

Method	Leírás
scale()	Aktuális rajz pozíciójának és méreteinek, nagyítása vagy kicsinyítése. scale( y, x ) y = Méretezi left pozíciót és aktuális rajz szélességét. (1=100%, 0.5=50%, 2=200%, stb.) x = Méretezi top pozíciót és aktuális rajz magasságát. (1=100%, 0.5=50%, 2=200%, stb.)
rotate()	Aktuális rajz, forgatása. Forgatás 20 foknak megfelelően: rotate(20*Math.PI/180);
translate(y,x)	Új (0,0) pozíciót határoz meg a vásznon, majd e pozícióhoz igazodik a következő rajz.
transform()	Lehetővé teszi az aktuális rajz méretezését, forgatását, mozgatását és elhúzását. A canvas / vászon minden tárgyának, van egy átalakító mátrixa. A transzformáció / átalakítás, csak a transzform() metódus után végzett rajzokat érinti. Értékek transform( a, b, c, d, y, x ); Paraméter Leírás a Vízszintes / widt méretezés. ( 0.01 század értéktől növekedhet.) b Vízszintes ferdítés. (Értéke lehet: negatív vagy pozitív.) c Függőleges ferdítés. (Értéke lehet: negatív vagy pozitív.) d Függőleges / height méretezés. ( 0.01 század értéktől növekedhet.) y Vízszintes y-left pozíció elmozgatás. x Függőleges x-top pozíció elmozgatás.
setTransform()	Visszaállítja előző transform / átalakítást, az azonosító mátrixba. setTransform( a, b, c, d, y, x ); Ezután ismét futhat a transform()

Szöveg

Property	Leírás
font	Beállítja vagy visszaadja a szöveg aktuális betűtípus-tulajdonságait. font = "30px Arial";
textAlign	Beállítja vagy visszaadja a szöveges tartalom aktuális igazítását. textAlign = "center";
textBaseline	Szöveg meghatározott pozíciójához képest, hól helyezkedik el a szöveg. textBaseline értékek: alphabetic Meghatározott pozíción.(alapértelmezett) ctx.textBaseline="alphabetic"; ctx.fillText("Text",50,100); bottom Meghatározott pozíció felett. ctx.textBaseline="bottom"; ctx.fillText("Text",50,100); middle Meghatározott pozíció közepén. ctx.textBaseline="middle"; ctx.fillText("Text",50,100); top Meghatározott pozíció alatt. ctx.textBaseline="top"; ctx.fillText("Text",50,100); hanging Meghatározott pozíció alatt. (Hasonlít a top-hoz.) ideographic Meghatározott pozíción. (Hasonlít a bottom-hoz.)

Property

Leírás

font

Beállítja vagy visszaadja a szöveg aktuális betűtípus-tulajdonságait.
font = "30px Arial";

textAlign

Beállítja vagy visszaadja a szöveges tartalom aktuális igazítását.
textAlign = "center";

textBaseline

Szöveg meghatározott pozíciójához képest, hól helyezkedik el a szöveg.

textBaseline értékek:
alphabetic        Meghatározott pozíción.(alapértelmezett)  ctx.textBaseline="alphabetic";   ctx.fillText("Text",50,100);
bottom             Meghatározott pozíció felett.                  ctx.textBaseline="bottom";       ctx.fillText("Text",50,100);
middle             Meghatározott pozíció közepén.               ctx.textBaseline="middle";       ctx.fillText("Text",50,100);
top                  Meghatározott pozíció alatt.                    ctx.textBaseline="top";            ctx.fillText("Text",50,100);
hanging            Meghatározott pozíció alatt. (Hasonlít a top-hoz.)
ideographic       Meghatározott pozíción. (Hasonlít a bottom-hoz.)

Method	Leírás
fillText()	Telekarakteres szöveget rajzol a vászonra. fillText("Hello World",x,y); ( x=left / y=top a szöveg kezdeti pozíciója. )
strokeText()	Üreskarakteres szöveget rajzol a vászonra (nincs kitöltés) strokeText("Hello World",x,y); ( x=left / y=top a szöveg kezdeti pozíciója. )
measureText()	Visszaad egy objektumot, mely tartalmazza a megadott szöveg szélességét. Ezzel, ellenőrizheti a szöveg szélességét, mielőtt a vászonra írná.

Kép beillesztés.

Method	Leírás
drawImage()	Helyezzünk el képet, vagy a használni kívánt videó képét a vászonra, left / top paraméterekkel. A drawimage() metódus nem hívható meg, a kép előzetes betöltése előtt, melyet el is rejthetünk, a style="display: none;" meghatározással. Canvas területén megjelenített kép, eredeti méretekben jelenik meg. A képből annyi fog látszani, amennyit a canvas width / height méreteinél beállítottunk. Képnek meghatározhatjuk, left / top kezdő pozícióját, azaz, elmozgathatjuk jobbra / balra és le / fel a drawImage(img, 0, 0); metódusnál. Pozitív értéknél: Jobbra vagy le. Negatív értéknél: Balra vagy fel.

Method

Leírás

drawImage()

Helyezzünk el képet, vagy a használni kívánt videó képét a vászonra, left / top paraméterekkel.
A drawimage() metódus nem hívható meg, a kép előzetes betöltése előtt, melyet el is rejthetünk, a
style="display: none;" meghatározással.

Canvas területén megjelenített kép, eredeti méretekben jelenik meg.
A képből annyi fog látszani, amennyit a canvas width / height méreteinél beállítottunk.
Képnek meghatározhatjuk, left / top kezdő pozícióját, azaz, elmozgathatjuk
jobbra / balra és le / fel a drawImage(img, 0, 0); metódusnál.
Pozitív értéknél: Jobbra vagy le.
Negatív értéknél: Balra vagy fel.

Pixel manipuláció

Property	Leírás
width	Visszaadja kép/rajz objektum, szélesség adatát.
height	Visszaadja kép/rajz objektum, magasság adatát.
data	Visszaad egy objektumot, mely egy megadott kép/rajz képadatait tartalmazza.

Method	Leírás
createImageData()	Új, üres ImageData objektumot hoz létre
getImageData()	Visszaad egy ImageData objektumot, amely a megadott téglalapra vonatkozó pixeladatokat, átmásolja egy vászonra.
putImageData()	Visszahelyezi a képadatokat (egy megadott ImageData objektumból) a vászonra.

compositing / kompozíciók

Property	Leírás
globalAlpha	Beállítja őt követő rajz/rajzok aktuális alfa vagy átlátszósági értékét. Átlátszósági rajzokat követöen, vissza kell állítani globalAlpha = 1.0-ra. globalAlpha = 0.0 - akkor teljesen átlátszó. globalAlpha = 1.0 - akkor nincs átlátszóság.
globalCompositeOperation	Beállítja, hogyan készítsen új rajzot vagy képet, egy meglévő rajzra vagy képre. Példa: fillStyle = "blue"; fillRect(20, 20, 60, 50); globalCompositeOperation = "source-over"; arc(75,65,30,0,2*Math.PI); fillStyle = "#f00"; fill();

Value	Description
source-over	Alapértelmezett. Megjeleníti célképen, a forrásképet.
source-atop	Megjeleníti célképen a forrásképet úgy, hogy a célképen kívül lévő forráskép részei, nem jelennek meg.
source-in	Megjeleníti forrásképet úgy, hogy csak a célképen belüli része lesz látható, és a célkép, átlátszó lesz.
source-out	Megjeleníti forrásképet úgy, hogy csak a célképen kivüli része lesz látható, és a célkép, átlátszó lesz.
destination-over	Megjeleníti célképet a forrásképen.
destination-atop	Megjeleníti célképet a forrásképen úgy, hogy a forrásképen kívül eső célkép, nem jelenik meg.
destination-in	Megjeleníti célképet a forrásképen úgy, hogy csak a forrásképen belül lévő része lesz látható, és a forráskép átlátszó lesz.
destination-out	Megjeleníti célképet a forrásképen úgy, hogy csak a forrásképen kivül lévő része lesz látható, és a forráskép átlátszó lesz.
lighter	Megjeleníti a forrásképet + a célképet.
copy	Megjeleníti forrásképet úgy, hogy a célképet figyelmen kívül hagyja.
xor	A képek azon része lesz átlátszó, mely a másik kép területén is, jelen van. OR vagy A képek azon része lesz látható, mely a másik kép területén kívül van.

Más / egyéb

Method	Leírás
save() restore() createEvent() getContext() toDataURL()	Megtakarítja az aktuális környezet állapotát.(Például: Aktuális vászonterület adatainak elmentése.) A korábban elmentett elérési útállapot és attribútumok visszaállítása. Létrehoz egy esemény objektumot. (Eseményt használat előtt, inicializálni kell.) Olyan objektumot ad vissza, mely metódusokat és tulajdonságokat biztosít, a vászonra történő rajzoláshoz. Visszaküldi a kép reprezentációját.

Method

Leírás

save()
restore()
createEvent()
getContext()
toDataURL()

Megtakarítja az aktuális környezet állapotát.(Például: Aktuális vászonterület adatainak elmentése.)
A korábban elmentett elérési útállapot és attribútumok visszaállítása.
Létrehoz egy esemény objektumot. (Eseményt használat előtt, inicializálni kell.)
Olyan objektumot ad vissza, mely metódusokat és tulajdonságokat biztosít, a vászonra történő rajzoláshoz.
Visszaküldi a kép reprezentációját.

Vissza a tartalomjegyzékhez.

<caption> Kijelöli a táblázat elnevezését.
Közvetlen igazítási attribútum eltávolítva, a HTML5-ből, használja helyette a CSS-fájlt.

Attribútum	Value/értéke	Leírás
align	left right top bottom	Nem támogatott a HTML5-ben. Meghatározza a táblázat feliratának illesztését. Balra. Jobbra. Fentre. Lentre.

Támogatja a Globális attribútumokat és esemény attribútumaitis .
Alapértelmezés szerint a táblázatok felirata középpontba kerül, a táblázat felett.
Alapértelmezett CSS beállítások
         caption {   display: table-caption; text-align: center; }

Vissza a tartalomjegyzékhez.

<center> Nem támogatja a HTML5. Középre igazítás.
Használja helyette a CSS meghatározást.

Vissza a tartalomjegyzékhez.

<cite> Referencia anyagokból idézetek.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítások
           cite {  font-style: italic;}

Vissza a tartalomjegyzékhez.

<code> Számítógépes kód formázása, egy dokumentumban.
Ez az elem nem elavult, de lehetősége van a CSS-vel, gazdagabb hatás elérésére.

Helyettesíthető minden más kifejezéselemmel is:

Kifejezés elemek	Leírás
<em>	Dőlt kihangsúlyozott, fontos szöveg.
<strong>	Vastagon kiemelt, fontos szöveg.
<code>	Egy darab számítógépes kód, formázott megjelenítése.
<samp>	Számítógépes programból, minta kimenetének szemléltetése.
<kbd>	Input billentyűbevitel meghatározása / felajánlása, felhasználónak.
<var>	HTML oldalon változót szemléltet, JavaScrip-ben definiál, létrehoz egy változót.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítások
            code { font-family: monospace; }

Vissza a tartalomjegyzékhez.

<col> Kijelöli a táblázat oszlopait. Minden oszlopra, egyedi tulajdonság határozható meg.
Példa kettő egymás melletti oszlopra: <col span="2" style="background-color: red">

Attribútum	Value/értéke	Leírás
align	left right center justify char	Nem támogatott HTML5-ben. Megadja a <col> elemhez tartozó tartalom, vízszintes igazítását. balra jobbra középre sorkizárt Meghatározott karakterhez.
char	character	Nem támogatott HTML5-ben. <col> elemhez tartozó tartalom hozzárendelése, egy általunk meghatározott karakterhez.
charoff	number	Nem támogatott HTML5-ben. Karakterek száma, melyekhez a tartalom, a char attribútum által megadott karakterhez igazodik.
span	number	Meghatározza oszlopok számát, melyeknek egy "col" elemhez kell tartozni.
valign	top middle bottom baseline	Nem támogatott HTML5-ben. A <col> elemhez tartozó tartalom, függőleges igazítása. fentre középre lentre alapvonalra
width	% pixels relative_length	Nem támogatott HTML5-ben. Meghatározza <col> elemhez tartozó oszlop, szélességét.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítások
            col { display: table-column; }

Vissza a tartalomjegyzékhez.

<colgroup> Kijelöli a táblázathoz tartozó <col> elemeket.
A HTML 4.01 legtöbb attribútumát nem támogatja a HTML5.

Attribútum	Value/értéke	Leírás
align	left right center justify char	Nem támogatja HTML5. Igazítja a tartalmat, egy oszlopcsoportban. balra jobbra középre sorkizárt Meghatározott karakterhez
char	character	Nem támogatja HTML5. Egy oszlopcsoport tartalmát, egy karakterhez igazítja
charoff	number	Nem támogatja HTML5. Beállítja a karakterek számát, melyek tartalma a char attribútum által megadott karaktertől függ.
span	number	Meghatározza az oszlopcsoport oszlopainak számát.
valign	top middle bottom baseline	Nem támogatja HTML5. Egy oszlopcsoportba tartozó sorok tartalmát, függőlegesen igazítja. fentre középre lentre alapvonalra
width	pixels % relative_length	Nem támogatja HTML5. Meghatározza az oszlopcsoport oszlopainak szélességét.

Alapértelmezett CSS beállítások
            colgroup {  display: table-column-group; }

Vissza a tartalomjegyzékhez.

<data> Adott tartalmat, gépi olvasható fordítással köti össze. A <li> elemekhez ajánlott.

Attribútum	Value/értéke	Leírás
value	Gépileg olvasható formátum	Meghatározza elem tartalmából kijelölt rész, gépileg olvasható formáját, értékét.

Támogatja a globális attribútumokat.
Ha a tartalom idővel vagy dátummal kapcsolatos, akkor inkább a <time> elemet kell használni.

Vissza a tartalomjegyzékhez.

<datalist> Egy <input> elem előre meghatározott lehetőségeinek, listáját adja meg.

Használja az <input> elem lista attribútumának értékét, a <datalist> elemmel történő összekötésre.
Példa:
    <input list="teherautok">
    <datalist id="teherautok">
Alapértelmezett CSS beállítások
          datalist { display: none; }

Vissza a tartalomjegyzékhez.

<dd> Meghatározáslisták tartalmi területe.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítások:
          dd {   display: block;  margin-left: 40px; }

Vissza a tartalomjegyzékhez.

<del> Áthúzza az érvényét vesztett szöveget. Ajánlott az ins elemmel együtt.

Attribútum	Value/értéke	Leírás
cite	URL	Olyan dokumentum URL-címét határozza meg, amely megmagyarázza a szöveg törlésének okát
datetime	YYYY-MM-DDThh:mm:ssTZD	Megadja a szöveg törlésének dátumát és időpontját

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítások
               del { text-decoration: line-through; }

Vissza a tartalomjegyzékhez.

<details> Új a HTML5-ben. További részletet határoz meg.
A <detail> elem tartalma csak akkor jelenhet meg, ha a nyitott attribútum, nincs beállítva.

Attribútum	Value/értéke	Leírás
open	open	Meghatározza, hogy a részletek láthatóak legyenek a felhasználó számára. open="open" (nyitva)

Az <summary> címke segítségével információt adhat meg, a részletekhez. A cím megtekinthető / elrejthető.
Legtöbb böngésző megjeleníti a <details> elemet, a következő alapértelmezett értékekkel:
         details { display: block; }

Vissza a tartalomjegyzékhez.

<dfn> Kifejezés elsődleges vagy meghatározó példánya.

Támogatja a globális attribútumokat és esemény attribútumait is.
Legtöbb böngészőben alapértelmezett értéke.
           dfn { font-style: italic; }

<dialog> Új a HTML5-ben. Megadja a párbeszédablakot. Nem támogatott az Edge / Internet Explorer programban.
Támogatja az eseménytulajdonságok attribútumait, és a globális attribútumokat is, a HTML-ben.

Attribute	Value	Description
dialog	open	Megadja, hogy a párbeszédelem aktív, és a felhasználó kölcsönhatásba léphet vele

Vissza a tartalomjegyzékhez.

<dir> Nem támogatott HTML5-ben. Könyvtári mappák, címek, felsorolására alkalmazható.
Használja helyette az <ul> elemet, és a CSS fájlt.

Attribute	Value	Description
compact	compact	Megadja, hogy a lista, normálisnál kisebb legyen

Vissza a tartalomjegyzékhez.

<div> Kijelöl egy adott területet, tartalmával együtt.
Alapértelmezés szerint a böngészők mindig sorszünetet helyeznek el az <div> elem előtt és után, mely megváltoztatható, CSS-vel.
HTML5-ben nem támogatott, az align attribútum. Használja helyette a CSS-fájlt.

Attribútum	Value/értéke	Leírás
align	left right center justify	Megadja a vízszintes igazítását. balra jobbra középre sorkizárt

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke.
          div {  display: block; }

Vissza a tartalomjegyzékhez.

<dl> Kijelöli meghatározáslista területét.

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke.
dl {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

Vissza a tartalomjegyzékhez.

<dt> Kijelöli meghatározáslisták címsorait.

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke.
          dt { display: block; }

Vissza a tartalomjegyzékhez.

<em> Kihangsúlyozott dőlt szöveg.

Rá jellemző attribútum nincs.
Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke.
          em { font-style: italic; }

Vissza a tartalomjegyzékhez.

<embed> Külső alkalmazást vagy interaktív tartalmat (plug-in) tartalmaz.

 autostart false vagy true, lejátszás azonnal indul.

Attribútum	Value/értéke	Leírás
height	pixels	Meghatározza a beágyazott tartalom magasságát.
src	URL	Megadja a beágyazandó, külső fájl címét.
type	media_type	Meghatározza a beágyazott tartalom, média típusát.
width	pixels	Megadja a beágyazott tartalom szélességét.

Az embed tag tulajdonságai

Tulajdonság	Leírás
autostart	Beállítja, hogy a fájl automatikusan fut-e az oldal betöltése után. Valódi vagy hamis érték lehet
hidden	Beállítja, hogy a gombok el vannak-e rejtve vagy sem. Valódi vagy hamis érték lehet.
volume	Hangerő. Értéke 0-tól 100-ig terjedhet.
loop	Beállítja, hogy a fájl lejátszása megtörténik-e vagy sem a befejezése után. Valódi vagy hamis érték lehet.
playcount	Meghatározza, hogy hányszor fogja újra lejátszani a fájlt. Például a playcount = "2" azt jelenti, hogy kétszer újra lejátszódik, és leáll.

Vissza a tartalomjegyzékhez.

<fieldset> Kijelöli az űrlap mezőcsoportjainak területét.

Attribútum	Value/értéke	Leírás
disabled	disabled	Megadja, hogy a kapcsolódó űrlapelemek csoportját, le kell tiltani.
form	form_id	Meghatároz / azonosít, egy vagy több form elemet.
name	text	Megadja a fieldset elem nevét / azonosítóját.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítások
fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);
}

Vissza a tartalomjegyzékhez.

<figcaption> Új a HTML5-ben. Képleírást definiál. Meghatározza a <figure> elem feliratát.

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
             figcaption { display: block; }

Vissza a tartalomjegyzékhez.

<figure> Új a HTML5-ben. Önálló tartalom, grafika, meghatározása.

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
figure { 
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

Vissza a tartalomjegyzékhez.

<font> Nem támogatott a HTML5-ben. Meghatározza a betűtípus családot, betűméretet és szöveg színét.
Szövegformázásra használja helyette, a CSS meghatározásokat.
Példa: <font color="red" face="verdana" size="3"> ............</font>

Attribútum	Value/értéke	Leírás
color	rgb(x,x,x) #xxxxxx colorname	Meghatározza a szöveg színét. RGB színkód alapján. Példa: color="rgb(200,0,50)" HTML vagy hex színkód alapján. Példa: color="#FA1D38" Szín Angol neve alapján. Példa: color="coral", color="black", color="green", stb.
face	font_family	Megadja a szöveghez tartozó betűtípust.(Családot.)
size	number	Megadja a szöveg karaktereinek méretét.

Vissza a tartalomjegyzékhez.

<footer> Új a HTML5-ben. Lábléc. Dokumentum vagy szekció lenyomatait határozza meg.

A <footer> elem belsejében lévő információknak, egy <address> címkén belül kell lenniük.
Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
           footer { display: block; }

Vissza a tartalomjegyzékhez.

<form> Kijelöli egy űrlap területét.

Az XHTML-ben a name név-attribútum elavult. Használja a globális " id " attribútumot.
HTML 5 két új attribútuma: az autocomplete (automatikus kiegészítés) és a novalidate (novalidálás).
HTML 5 eltávolította az accept (elfogadási) attribútumot.

Attribútum	Value/értéke	Leírás
accept	file_type	Nem támogatott HTML5-ben. Meghatározza a szerver által elfogadott fájltípusok vesszővel elválasztott listáját. (Amelyet a fájl feltöltésén keresztül lehet benyújtani.)
accept-charset	character_set	Meghatározza a formanyomtatványhoz használni kívánt karakterkódolást.
action	URL	Megadja, hogy hova küldje el az űrlapadatokat, amikor egy űrlapot küldenek
autocomplete	on off	Megadja, hogy egy űrlapon be/nem kell-e kapcsolni, az automatikus kiegészítést.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	Űrlapadatokat miként kell kódolni a kiszolgálónak történő elküldéskor. (Csak a method = "post" esetén.)
method	get post	Meghatározza az űrlapadatok küldéséhez használt HTTP-eljárást
name	text	Megadja az űrlap nevét / azonosítóját.
novalidate	novalidate	Megadja, ha a formanyomtatványt, benyújtáskor nem kell érvényesíteni.
target	_blank _self _parent _top	Megadja, hogy hól jelenjen meg, az űrlap elküldése után kapott válasz.

A <form> elem, tartalmazhat egy vagy több alábbi elemet:
	<input>
	<textarea>
	<button>
	<select>
	<option>
	<optgroup>
	<fieldset>
	<label>

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
            form { display: block; margin-top: 0em; }

Vissza a tartalomjegyzékhez.

<frame> Nem támogatja HTML5. Meghatározza keretek tényleges tartalmát.

Attribútum	Value/értéke	Leírás
frameborder	0 1	Megadja, hogy körülötte megjelenjen-e vagy sem, egy keret.
longdesc	URL	Olyan oldalt ad meg, mely egy keret tartalmának, hosszú leírását / értelmezését tartalmazza.
marginheight	pixels	Meghatározza a keret felső és alsó margóit
marginwidth	pixels	Meghatározza a keret bal és jobb margóit
name	text	Megadja a keret nevét / azonosítóját.
noresize	noresize	Megadja, hogy a keret nem átméretezhető.
scrolling	yes no auto	Meghatározza, hogy megjelenjenek-e görgetősávok egy keretben. igen nem automatikus (tartalom méreteitől függ, igen vagy nem.)
src	URL	Meghatározza a dokumentum URL-jét, mely tartalma, a frame keretben jelenik meg.

Vissza a tartalomjegyzékhez.

<frameset> Nem támogatja HTML5. Oldalt, területekre, keretekre osztja fel.

Attribútum	Value/értéke	Leírás
cols	pixels % *	Megadja az oszlopok számát és méretét a keretrendszerben
rows	pixels % *	Megadja a keretekben lévő sorok számát és méretét.

Vissza a tartalomjegyzékhez.

<h1> - <h6> Címsorok elemei.
Az "align" attribútum nem támogatott, HTML5-ben. Használja helyette a CSS meghatározást.

Attribútum	Value/értéke	Leírás
align	left center right justify	Meghatározza a címsor tartalom / karakterek illesztését / igazítását. balra középre jobbra sorkizárt

Támogatja a globális attribútumokat és esemény attribútumait is.

Vissza a tartalomjegyzékhez.

<head> Kijelöli weblapot azonosító és formázó elemek területét.

Attribútum	Value/értéke	Leírás
profile	URL	Nem támogatott a HTML5-ben. Olyan dokumentum URL-címét határozza meg, amely szabályokat tartalmaz. Szabályokat a böngészők elolvashatják, hogy világosan megértsék a <meta> elem tartalmi attribútumának adatait.

Támogatja a globális attribútumokat a HTML-ben is.
A legtöbb böngészőben alapértelmezett értéke:
            head { display: none; }

Vissza a tartalomjegyzékhez.

<header> Új a HTML5-ben. Dokumentum vagy szakasz fejlécét határozza meg.

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
             header { display: block; }

Vissza a tartalomjegyzékhez.

<hr> Vizuális témaelválasztó.
Egyik attribútum sem támogatott HTML5-ben. Használja helyettük a CSS meghatározást.

Attribútum	Value/értéke	Leírás
align	left center right	Megadja a <hr> elem vízszintes illesztését. balra középre jobbra
noshade	noshade	Meghatározza, hogy árnyékolt szín helyett, egyetlen színnel jelenjen meg.
size	pixels	Meghatározza a <hr> elem magasságát / vastagságát.
width	pixels %	Meghatározza a <hr> elem, szélességét.

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

Vissza a tartalomjegyzékhez.

<html> Megmondja a böngészőnek, ez egy HTML-dokumentum.
Az xmlns attribútum XHTML-ban szükséges, de HTML-ben érvénytelen.
A http://w3.org címen található HTML-validátor azonban nem panaszkodik, ha az xmlns attribútum hiányzik egy XHTML-dokumentumban.
Ennek az az oka, hogy az "xmlns = http: //www.w3.org/1999/xhtml" névtér az alapértelmezett, és akkor is hozzáadódik a <html> címkéhez, ha nem tartalmazza azt.

Attribútum	Value/értéke	Leírás
xmlns	http://www.w3.org/1999/xhtml	Megadja az XML névtér-attribútumot. (Ha a tartalomnak, XHTML-nek kell megfelelnie.)

Támogatja a globális attribútumokat a HTML-ben is.
Legtöbb böngésző megjeleníti a következő alapértelmezett értékekkel:
             html {  display: block; }
             html:focus { outline: none; }

Vissza a tartalomjegyzékhez.

<i> Kijelölt tartalmat, csak formai dőlt betűvel jeleníti meg.

A szöveg egy részét alternatív hangon vagy hangulatban határozza meg.
Csak akkor használható, ha nincs megfelelőbb jelölő elem, vagy egyszerű CSS meghatározási lehetőség.
Például:
     <em> (kiemelt dőlt szöveg)
     <strong> (fontos szöveg)
     <mark> (megjelölt / kiemelt szöveg)
     <cite> (a mű címe)
     <dfn> (meghatározó kifejezés)

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
             i { font-style: italic; }

Vissza a tartalomjegyzékhez.

<iframe> HTML oldal beágyazása, másik HTML oldalról.

Attribútum	Value/értéke	Leírás
align	left right top middle bottom	Nem támogatott HTML5-ben. "iframe" beállítása, a környező elemeknek megfelelően. balra jobbra fentre középre lentre
frameborder	1 0	Nem támogatott HTML5-ben. Megjelenjen-e vagy sem egy keret, az <iframe> körül. igen nem
height	pixels	Megadja az <iframe> magasságát
longdesc	URL	Nem támogatott HTML5-ben. Olyan oldal URL-jét adja meg, mely <iframe> tartalmának hosszú leírását tartalmazza.
marginheight	pixels	Nem támogatott HTML5-ben. Megadja a <iframe> tartalmának, felső és alsó margóit.
marginwidth	pixels	Nem támogatott HTML5-ben. Megadja a <iframe> tartalmának bal és jobb margóit.
name	text	Megadja a <iframe> nevét / azonosítóját. Használjon " id " azonosítót is, ugyanazon elnevezéssel, mint a name elnevezés.
sandbox	allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation	Engedélyezi a tartalom korlátozásának, további korlátozását egy <iframe> esetén. engedje meg a formákat engedélyezze a mutatózárat engedje fel az előugró ablakokat hagyja ugyanazt a származást engedélyezzenek parancsfájlokat engedélyezze a felső navigációt
scrolling	yes no auto	Nem támogatott HTML5-ben. Megjelenjenek-e görgetősávok, <iframe> elemben. igen nem automatikus (Tartalomt méreteitől függ, igen vagy nem)
src	URL	<iframe> elembe beágyazott, dokumentum URL-címe.
srcdoc	HTML_code	Megadja az oldal HTML tartalmának kódját, amely az <iframe> -ben jelenik meg.
width	pixels	Megadja <iframe> szélességét.

CSS használatával határozza meg, az <iframe> elem stílusát (akár a görgetősávokat is).
Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
             iframe:focus {  outline: none; }
             iframe[seamless] { display: block; }

Vissza a tartalomjegyzékhez.

<img> Képet, fotót, jelenít meg.

HTML5-ben nem támogatott attribútumok:   align,    border,     hspace    és    vspace.

Attribútum	Value/értéke	Leírás
align	top bottom middle left right	Nem támogatott HTML5-ben. Kép igazítása a környező elemeknek megfelelően. fentre lentre középre balra jobbra
alt	text	Keresőmotornak, leírás a megjelenítendő képről, vagy a kép, nem jelenne meg.
border	pixels	Nem támogatott HTML5-ben. Meghatározza kép körül, a szegély szélességét.
crossorigin	anonymous use-credentials	Engedély olyan képekhez, melyek lehetővé teszik a többszöri eredetű hozzáférést, harmadik fél webhelyéről a vászon használatához. névtelen (bárki) hitelesítő adatokat használók
height	pixels	Meghatározza a kép magasságát
hspace	pixels	Nem támogatott HTML5-ben. Meghatározza kép bal és jobb oldalán lévő, üres területeket.
ismap	ismap	Képet, kiszolgáló oldali képként / térképként határozza meg.
longdesc	URL	Megad egy URL-t, egy kép részletes leírásához.
sizes	pixels	Meghatározza a különböző oldalelrendezésekhez tartozó, képméretet.
src	URL	Megadja a kép, elérési URL-jét.
srcset	URL	Különböző helyzetekben használható kép, URL-jét adja meg.
usemap	#mapname	Képet, ügyféloldali kép-térképként határozza meg.
vspace	pixels	Nem támogatott HTML5-ben. Meghatározza a kép felső és alsó részén lévő, üres területeket.
width	pixels	Megadja a kép szélességét.

Támogatja a globális attribútumokat és esemény attribútumait is.
A legtöbb böngészőben alapértelmezett értéke:
           img { display: inline-block; }

Vissza a tartalomjegyzékhez.

<input> Beviteli mezőt jelenít meg.

Beviteli mező, a "type" attribútumától függően, sokféleképpen változhat.
HTML5-ben, "align" attribútum nem támogatott.

Attribútum	Value/értéke	Leírás
accept	file_extension audio/* video/* image/* media_type	Meghatározza a szerver által elfogadott fájl típusát. (csak type="file" esetén.) fájlkiterjesztés mpeg; ogg; wav; mp4; webm; ogg; png; jpg; gif; stb. Média type: audio/mpeg; audio/ogg; audio/wav; video/mp4; video/webm; video/ogg;
align	left right top middle bottom	Nem támogatott HTML5-ben. Képbevitel igazítása. ( <input type="image" esetén.) balra jobbra fentre középre lentre
alt	text	Megad egy alternatív szöveget a képekhez. ( <input type="image" esetén.)
autocomplete	on off	Megadja, hogy <input> elemre engedélyezve legyen-e, automatikus kiegészítés. engedélyezve engedélyezés nincs
autofocus	autofocus	Meghatározza, <input> elem automatikusan fókuszáljon, ha az oldal betöltődik.
checked	checked	Megadja, mely <input> elem legyen kiválasztható, amikor az oldal betöltődik. (<input type="checkbox" vagy <input type="radio" esetén.)
dirname	inputname.dir	Meghatározza szöveg irányát, elküldéskor. (Jobbról-balra vagy balról-jobbra.)
disabled	disabled	Meghatározza, ha <input> elemet, le kell tiltani.
form	form_id	Egy vagy több olyan űrlapot határoz meg, melyhez az <input> elem tartozik.
formaction	URL	Azon fájl URL-je, mely feldolgozza a beviteli adatokat, űrlapadatok elküldésekor. (<input type="submit" és <input type="image" esetén kötelező megadni. )
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Űrlapadatokat hogyan kell kódolni, a kiszolgálónak történő elküldéskor (<input type="submit" és <input type="image" esetén.) alkalmazás/x-www-url-kódoltformában többrészes űrlap adatként egyszerű szövegként
formmethod	get post	Megadja adatküldésre a HTTP-eljárást, a művelet URL-jére. (<input type="submit" és <input type="image" esetén.)
formnovalidate	formnovalidate	Meghatározza, hogy az űrlapelemek nem érvényesülnek a benyújtáskor
formtarget	_blank _self _parent _top framename	Hól jelenjen meg űrlap elküldése után, a kapott válasz. (<input type="submit" és <input type="image" esetén.) - Célzott helyen. - Maga oldalán. - Szülő elemnél. - Felső pózban. - Keretnév szerint.
height	pixels	Meghatározza <input> elem magasságát (csak type = "image" esetén.)
list	datalist_id	<datalista> elemre vonatkozik, mely előre meghatározott beállításokat tartalmaz, <input> elem számára.
max	number date	Megadja a <input> elem maximális értékét
maxlength	number	<input> elembe beírható / megengedett karakterek, maximális száma.
min	number date	Megadja a <input> elem minimális értékét.
multiple	multiple	Egy <input> elembe, felhasználó több értéket is beírhat / jelőlhet.
name	text	Meghatározza a <input> elem nevét / azonosítóját. Használjon " id " azonosítót is, mely egyezzen a name névvel.
pattern	regexp	Meghatározza azt a szabályos kifejezést, melyet az <input> elem értékével egyeztetni / ellenőriz kell.
placeholder	text	Rövid utalást ad meg, amely leírja az <input> elem várható értékét.
readonly	readonly	Meghatározza, beviteli mező csak olvasható, és nem módosítható.
required	required	Megadja, hogy az űrlap elküldése előtt, <input> beviteli mezőt, ki kell tölteni.
size	number	Meghatározza <input> ablak megjelenő szélességét.
src	URL	Megadja a megjeleníteni kívánt kép, URL-címét. (Csak <input type="image" esetén.)
step	number	Megadja a beviteli mező intervallumát / törvényes számát.
type	button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week	Megadja az "input" elem megjelenésí típusát.
value	text	Meghatározza <input> ablakban megjelenő alapértéket, melyet felhasználó megváltoztathat, ha nincs meghatározva, hogy csak olvasható.
width	pixels	Meghatározza <input> elem szélességét. (Csak <input type="image" esetén.)

Vissza a tartalomjegyzékhez.

<ins> Beágyazott szöveget aláhúzza.
<ins> elemet, a <del> gombbal együtt alkalmazzuk.

Attribútum	Value/értéke	Leírás
cite	URL	Megad egy URL-t, egy dokumentumhoz, mely megmagyarázza a szöveg beillesztésének / módosításának okait.
datetime	YYYY-MM-DDThh:mm:ssTZD	Megadja a beillesztett / módosított dátumot és időt. Számokkal: Év-nap-hónap T óra:perc:másodperc TZD

Támogatja a HTML globális tulajdonságait, és esemény attribútumait is .
Alapértelmezett CSS beállítások:
       ins { text-decoration: underline; }

Vissza a tartalomjegyzékhez.

<kbd> Beviendő utasítások megadása. Lehetőség van a CSS-vel gazdagabb hatás elérésére.

Támogatja a HTML globális tulajdonságait, és esemény attribútumait is.
Alapértelmezett CSS beállítások:
          kbd {  font-family: monospace; }

Vissza a tartalomjegyzékhez.

<label> Kijelöli űrlap fő műveleti mezőinek (mezőcsoport) területét.
A "form" attribútum, új a HTML5-ben.

Attribútum	Value/értéke	Leírás
for	element_id	Megadja, hogy mely elemhez tartozik.
form	form_id	A label-hez tartozó, egy vagy több form azonosítóját adja meg.

Támogatja a HTML globális tulajdonságait, és esemény attribútumait is.
Alapértelmezett CSS beállítások:
label {  cursor: default; }

Vissza a tartalomjegyzékhez.

<legend> Kijelöli az űrlap mezőcsoportjainak elnevezését.

Az "align" attribútum, nem támogatott HTML5-ben.

Attribútum	Value/értéke	Leírás
align	top bottom left right	Nem támogatott HTML5-ben. Meghatározza a felirat beállítását. fentre lentre jobbra balra

Támogatja a HTML globális tulajdonságait, és esemény attribútumait is.
Alapértelmezett CSS beállítások:
legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}

Vissza a tartalomjegyzékhez.

<li> Lista elem. A type attribútum nem támogatott HTML5-ben. CSS segítségével határozza meg, lista típusát.

Attribútum	Value/értéke	Leírás
type	1 A a I i disc square circle	Nem támogatott HTML5-ben. Meghatározza, hogy melyik jelölőt használjuk listasorokhoz. Jelölés számokkal Jelölés nagybetűkkel Jelölés kisbetűkkel Jelölés Római nagybetűkkel Jelölés Római kisbetűkkel. Jelölés disc lemez (üres kör) Jelölés teli négyzet Jelölés teli kör
value	szám	Megadja a listaelem kezdő értékét. A további listatételek, e számtól növekszenek (csak az <ol> listáknál)

Támogatja a HTML globális tulajdonságait, és esemény attribútumait is.
Alapértelmezett CSS beállítások:
         li { display: list-item; }

Vissza a tartalomjegyzékhez.

<link> Dokumentum és külső erőforrás közötti kapcsolat. Helye a head elemben van.

Ez az elem, csak a head elemben (fejrészen) megy át, de megjelenhet számos alkalommal.

Attribútum	Value/értéke	Leírás
charset	char_encoding	Nem támogatott HTML5-ben. Meghatározza a csatolt dokumentum karakterkódolását.
crossorigin	anonymous use-credentials	Meghatározza, hogyan kezelje a többszörös eredetű kéréseket. névtelen / ismeretlen használja hitelesítőként
href	URL	Meghatározza a csatolt dokumentum helyét, URL-jét.
hreflang	language_code	Meghatározza a hivatkozott dokumentum szövegének nyelvezetét.
media	media_query	Meghatározza, hogy a csatolt dokumentum, milyen eszközön jelenjen meg.
rel	alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet	Kötelező. Aktuális dokumentum, és a kapcsolódó dokumentum közötti kapcsolat. váltakozó szerző / író dns-előzetes letöltés segítő / támogató ikon / jelkép engedély / koncesszió következő / ezt követően pingback / ping vissza előre csatlakozni előzetes letöltési előtöltés előrendelés előző keresés stíluslap
rev	reversed relationship	Nem támogatott HTML5-ben. Kapcsolt dokumentum, és aktuális dokumentum közötti fordított kapcsolat.
sizes	HeightxWidth any	Megadja a kapcsolódó erőforrás méretét. ( Csak rel="icon" esetén.)
target	_blank _self _top _parent frame_name	Nem támogatott HTML5-ben. Meghatározza, hová töltsék be, a csatolt dokumentumot. - Célzott helyen. - Szülő elemnél. - Maga oldalán. - Felső pózban. - Keretnév szerint.
type	media_type text/css	Meghatározza a csatolt dokumentum típusát.

Alapértelmezett CSS beállítások:
          link { display: none; }

Vissza a tartalomjegyzékhez.

<main> Kijelöli dokumentum fő tartalmát. Új a HTML5-ben.

Dokumentumban nem lehet több, mint egy <main> elem. 
<main> elem, nem lehet egy <article>, <out of side>, <footer>, <header> vagy <nav> elem, leszármazottja.

Támogatja a Globális attribútumokat és esemény attribútumait is.
Rá jellemző egyedi attribútuma nincs.
Alapértelmezett CSS beállítás nincs.
Egyedi stílust írhatunk hozzá, vagy id és class azonosítót rendelhetünk hozzá.

Vissza a tartalomjegyzékhez.

<map> Képmappát definiál. Kattintható területekkel rendelkező képhez.
HTML5-ben, ha a <map> elemnek id attribútuma is meg van adva, akkor ugyanazt az értéket kell megadnia, mint a name név attribútum.

Attribútum	Value/értéke	Leírás
name	map-neve	Kötelező megadni. Megadja, hogy melyik képhez / térképhez tartozik. Egyeznie kell a kép <img usemap="#rajzmap"> azonosító-névvel, <map name="rajzmap">.
id	id-név	Nem kötelező. Ha megadjuk, id azonosítónak egyezni kell a name névvel, melyhez stílust is meghatározhatunk, és JavaScript-el is manipulálhatjuk. <map name="rajzmap" id="rajzmap">

Támogatja a Globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítások
               map { display: inline; }

Vissza a tartalomjegyzékhez.

<mark> Szöveg kiemelés sárga színnel. Új a HTML5-ben.

Támogatja a Globális attribútumokat és esemény attribútumait is.
Rá jellemző egyedi attribútuma nincs.
Alapértelmezett CSS beállítások
         mark { background-color: yellow; color: black; }

Vissza a tartalomjegyzékhez.

<marquee> Mozgatandó szöveg és kép.

Attribútum	Value/értéke	Leírás
behavior	alternate	Oda / vissza mozgás.
direction	right left up	Balról / jobbra mozgás. Jobbról / balra mozgás. Lentről / felfelé mozgás.
width	%	Mozgási terület szélessége.

Vissza a tartalomjegyzékhez.

<meta> Metaadatok a dokumentumhoz, mindig a <head> elem belsejébe kerülnek.

A scheme (rendszer) attribútumát, nem támogatja HTML5.

HTML5 új attribútummal rendelkezik, a charset(karakterek), ami megkönnyíti a charset(karakterek) definiálását.
Ehhez kódolni kell az új vagy meglévő HTML fájlt. Magyar nyelvre kódoláshoz, válasszuk az "UTF-8 kódolás BOM nélkül" formátumot.

Ha megtörtént a html fájl kódolása, akkor a következő meta adatokat adjuk meg, karakterekhez:
HTML 4.01 - ben: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5 - ben: <meta charset = "UTF-8">

Néhány meta  példa:
Keresőmotor számára weboldali tartalom, rövid leírásának meghatározása:
          <meta name="description" content="Kezdőknek HTML elemek attribútumai és jellemzői">
Keresőmotor számára, dokumentumra jellemző kulcsszavak meghatározása:
          <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
Weboldal szerzőjének meghatározása:
          <meta name="author" content="Zöld elefánt">
Weboldali tartalom frissítésének várhatósága / rendszeressége. Például: 60 másodpercenként.
          <meta http-equiv="refresh" content="60">
Weboldali nézetablak beállítása annak érdekében, hogy webhelye jól illeszkedjen minden eszközhöz:
          <meta name="viewport" content="width=device-width, initial-scale=1.0">

Attribútum	Value/értéke	Leírás
charset	character-set	Meghatározza a HTML-dokumentum karakterkódolását Karakterkészlet. (Példa: charset="UTF-8")
content	text	Http-egyenérték, mely a name="value" értékhez tartozó, leírást tartalmazza. Szöveg.
http-equiv	content-type default-style refresh	HTTP fejlécet biztosít, a tartalom attribútum információinak / értékének. Tartalom típus. ( Például: content="text/html; charset=UTF-8" ) Alapértelmezett stílus. Oldal frissítése.
name	application-name author description generator keywords viewport	Megadja a metaadatok nevét, azonosítóját.(Böngészők / keresőmotorok számára.) Alkalmazás-neve. honlap szerző honlap leírás honlap fő url címe, ami legfeljebb 75 karakter lehet! honlap kulcsszavai honlap nézetablak.
scheme	format/URI	Nem támogatott HTML5-ben. Meghatározza a tartalom attribútum értékének értelmezéséhez használt sémát. ( Kísérleti eljárás, ösztönzési program, vázlatok, sematikus ábrázolás, stb.)

HTML-ben található globális attribútumokat is támogatja.
Alapértelmezett CSS beállítás, nincs.

Vissza a tartalomjegyzékhez.

<meter> Új a HTML5-ben. Skaláris mérés, egy ismert tartományon belül.

Attribútum	Value/értéke	Leírás
form	form_id	Egy vagy több olyan űrlapot azonosít / határoz meg, melyhez a <meter> elem tartozik.
high	number	Megadja a magas értéknek tekintett, tartományt.
low	number	Megadja a kis értékű tartományt.
max	number	Megadja a tartomány maximális értékét.
min	number	Megadja a tartomány minimális értékét.
optimum	number	Megadja,azt az értéket, mely a mérőeszköz optimális értéke.
value	number	Kötelező. Megadja a mérő aktuális értékét.

Támogatja a Globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<nav> Meghatározza / kijelöli a külső navigációs hivatkozásokat. Új a HTML5-ben.

Támogatja a Globális attribútumokat és esemény attribútumait is.
Rá jellemző egyedi attribútuma nincs.
Alapértelmezett CSS beállítások
         nav {  display: block; }

Vissza a tartalomjegyzékhez.

<noframes> Tartalék címke olyan böngészők számára, melyek nem támogatják a kereteket.
Nem támogatott HTML5-ben.
Rá jellemző attribútum nincs.

Vissza a tartalomjegyzékhez.

<noscript> Információ, letiltott vagy nem támogatott szkripthez.

Támogatja a globális attribútumokat.
Alapértelmezett CSS beállítás nincs.

Jó gyakorlat, ha a kliensoldali parancsfájlok támogatása nélkül
 böngészőkben megjegyzéscímkékkel "elrejtik" a szkripteket. ( Igy nem mutatják őket, egyszerű szövegként ):

<script>
<!--
function displayMsg() {   alert("Hello World!")    }
//-->
</script>

Vissza a tartalomjegyzékhez.

<object> Beágyazott objektumot definiál, egy HTML dokumentumban.

Legalább a "data" vagy a "type" attribútumot, meg kell határozni.
HTML5-ben az objektumok form-ban használhatók, és elküldhetők.
A "form" attribútum, új a HTML5-ben.

Attribútum	Value/értéke	Leírás
align	top bottom middle left right	Nem támogatott HTML5-ben. Objektum elem illesztése, a környező elemek szerint. Fentre. Lentre. Középre. Balra. Jobbra.
archive	URL	Nem támogatott HTML5-ben. Az archívumok URL-címeinek szétválasztott listája. Archívum az objektum szempontjából, releváns forrásokat tartalmazhat.
border	pixels	Nem támogatott HTML5-ben. Megadja az "objektum" körüli keret, vastagságát.
classid	class_ID	Nem támogatott HTML5-ben. Meghatározza a class osztályazonosító nevét, a Windows rendszerleíró adatbázisában vagy egy URL-ben
codebase	URL	Nem támogatott HTML5-ben. Meghatározza, hól található az objektum kódja.
codetype	media_type	Nem támogatott HTML5-ben. A class_ID attribútum által említett kód, média típusa.
data	URL	Megadja az objektum által használt, erőforrás URL-jét
declare	declare	Nem támogatott HTML5-ben. Megadja, hogy az objektumot csak akkor kell bevezetni, létrehozni vagy installálni, amikor az szükséges.
form	form_id	Objektum, egy vagy több űrlapját / form-ját azonosítja / adja meg.
height	pixels	Meghatározza az objektum magasságának méretét.
hspace	pixels	Nem támogatott HTML5-ben. Meghatározza az objektum bal és jobb oldalán lévő, üres területek méretét.
name	name	Megadja az objektum nevét, azonosítóját.
standby	text	Nem támogatott HTML5-ben. Definiálja az objektum betöltése közben megjelenítendő, szöveget.
type	media_type	Megadja az data attribútumban megadott, adathordozó-típusokat.
usemap	#mapname	Meghatározza az objektumhoz használni kívánt, ügyféloldali kép / térkép nevét.
vspace	pixels	Nem támogatott HTML5-ben. Megadja az objektum tetején és alján lévő, üres területek méretét.
width	pixels	Megadja az objektum szélességének méretét.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás.
         object:focus { outline: none; }

Vissza a tartalomjegyzékhez.

<ol> Kijelöli a számozott listaelemeket. A "compact" attribútum, nem támogatott HTML5-ben.

Attribútum	Value/értéke	Leírás
compact	compact	Nem támogatott HTML5-ben. Megadja, hogy a lista normálisnál kisebb legyen.
reversed	reversed	Meghatározza, hogy a lista sorrendje, csökkenő sorrendben legyen. (9,8,7...) <ol reversed="reversed">
start	number	Megadja a rendezett lista, kezdési értékét. <ol start=10;>
type	1 A a I i	Megadja a listánál használni kívánt, jelölő formát. Sorszámozás/rendszerezés számokkal.(Nem kötelezö, ez alapértelmezett.) Rendszerezés nagybetűkkel. Rendszerezés kistűkkel. Rendszerezés római nagybetűkkel. Rendszerezés római kisbetűkkel.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás.
ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

Vissza a tartalomjegyzékhez.

<optgroup> Kapcsolódó témakörök csoportosítása, legördülő listában.

Attribútum	Value/értéke	Leírás
disabled	disabled	Megadja, ha egy csoportot, le kell tiltani.
label	text	Megadja az opciócsoport címkéjének, szövegét.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<option> Opció, egy kiválasztott listánál.
<select> vagy <datalist> elemen belül helyezkedik el.
Az <option> elem, attribútumok nélkül használható, de általában a value(érték) attribútumra szüksége van, mely jelzi, hogy mit küld a kiszolgálónak.

Attribútum	Value/értéke	Leírás
disabled	disabled	Megadja, ha az opciót, le kell tiltani.
label	text	Megad egy rövidebb címke szöveget, egy opcióhoz.
selected	selected	Megadja, hogy adatok beküldéséhez, előzetesen ki kell választani egy lehetőséget.
value	text	Meghatározza a kiszolgálóhoz küldendő, értéket.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<output> Egy szkript számítás eredményét jelöli. Új a HTML5-ben.

<output> elem form attribútuma, nem támogatott az IE / Edge böngészőben.

Attribútum	Value/értéke	Leírás
for	element_id	Meghatározza a számítás eredményének és a számítás során alkalmazott elemek közötti kapcsolatot
form	form_id	A kimeneti elem, egy vagy több űrlapnak / form-nak, azonosítóját adja meg.
name	name	Megadja a kimeneti elem nevét / azonosítóját.

Támogatja a globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás.
       output { display: inline; }

Vissza a tartalomjegyzékhez.

<p> Bekezdési elem.
Az align attribútum, nem támogatott a HTML5-ben, igazításhoz alkalmazzuk a CSS-t.

Attribútum	Value/értéke	Leírás
align	left right center justify	Nem támogatott HTML5-ben. Meghatározza a szöveg, egy bekezdésen belüli igazítását. Balra. Jobbra. Középre. Sorkizárt.

Támogatja a globális attribútumokat és HTML attribútumokat.
Alapértelmezett CSS beállítás.
p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

Vissza a tartalomjegyzékhez.

<param> Bővítmények paramétereinek meghatározása, <object> elemben.

A "type" és az "valuetype" attribútumok nem támogatottak a HTML5-ben.

Attribútum	Value/értéke	Leírás
name	egyedi-név	Megadja a paraméter nevét
type	media_type	Nem támogatott HTML5-ben. Meghatározza a paraméter média típusát
value	value	Megadja a paraméter értékét
valuetype	data ref object	Nem támogatott HTML5-ben. Megadja az érték típusát.

Támogatja a globális attribútumokat és HTML attribútumokat.
Alapértelmezett CSS beállítás.
           param { display: none; }

Vissza a tartalomjegyzékhez.

<picture> Böngésző nézetablakának jobb kitőltéséhez alkalmazható, képeknél.

A <picture> elem, <source> eleme, melyből többet is elhelyezhetünk, a következő attribútumokkal rendelkezik:

Attribútum	Leírás
srcset	Kötelező megadni. Meghatározza a megjeleníteni kívánt kép, URL-jét.
media	Elfogad egy érvényes média lekérdezést, amelyet általában egy CSS-ben definiálnak.
méret	Egy szélesség-leíró, egyetlen médiakérdezés szélességleíróval vagy egy szélességleíróval rendelkező média lekérdezések vesszővel elhatárolt listája.
type	Meghatározza a média MIME típusát.

Támogatja a globális attribútumokat és HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás nincs.

Szélesség tulajdonság használata.
Ha a width tulajdonság százalékra van állítva, és a magasság "auto" értékre van beállítva, 
akkor a kép érzékeny lesz, és méretezhető felfelé / lefelé:
        img { width: 100%; height: auto; } 
A kép megjelenése nagyobb lehet, az eredeti méreténél. 

A max-width tulajdonság használata.
Sok esetben jobb megoldás, ha a max-width értéket, nem a képre, hanem az ingatlanra használjuk.
Ha a max-width tulajdonság 100% -ra van állítva, akkor a kép lecsökkenhet, de soha nem lesz nagyobb, az eredeti méreténél:
        img { max-width: 100%; height: auto; }

A weboldalhoz, így adjunk hozzá képet:   img { width: 100%; height: auto; }

Vissza a tartalomjegyzékhez.

<pre> Szóköz, és ENTER billentyű leütéseinek megtartása.

A "width" attribútum, nem támogatott a HTML5-ben.

Attribútum	Value/értéke	Leírás
width	number	Nem támogatott HTML5-ben. Megadja a soronkénti karakterek, maximális számát.

Támogatja a Globális attribútumokat és HTML esemény attribútumait is.
Alapértelmezett CSS beállítások
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}

Vissza a tartalomjegyzékhez.

<progress> Feladat előrehaladását jelzi. Új a HTML5-ben.

<progress> elemet a JavaScript függvényében, a feladat előrehaladásának megjelenítéséhez.

Attribútum	Value/értéke	Leírás
max	number	Meghatározza, hogy a feladat összesen, mennyi időt / munkát igényel
value	number	Meghatározza, hogy a feladat komplett végrehajtásából, mennyi teljesült.

Támogatja a Globális attribútumokat és HTML  attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<q> Idézőjelekkel történő kijelölés.

Attribútum	Value/értéke	Leírás
cite	URL	Megadja az idézet forrásának, URL-jét.

Támogatja a Globális attribútumokat és HTML  attribútumait is.
Alapértelmezett CSS beállítás
         q { display: inline; }
         q:before {  content: open-quote; }
         q:after {  content: close-quote; }

Vissza a tartalomjegyzékhez.

<rp> Új a HTML5-ben. Mi jelenjen meg olyan böngészőkben, amelyek nem támogatják a ruby-n jegyzeteket.

Rá jellemző attribútum nincs.
Támogatja a Globális attribútumokat és HTML  attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<rt> Karakterek magyarázata / kiejtése. (Kelet-ázsiai tipográfia esetében.)

Rá jellemző attribútum nincs.
Támogatja a Globális attribútumokat és HTML  attribútumait is.
Alapértelmezett CSS beállítás nincs.
         rt { line-height: normal; }

Vissza a tartalomjegyzékhez.

<ruby> Megjegyzést definiál. (Kelet-ázsiai tipográfia esetében.) Új a HTML5-ben.

Rá jellemző attribútum nincs.
Támogatja a Globális attribútumokat és HTML  attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<s> Áthúzza a szöveget, mely nem helyes. Nem szabad használni a helyettesített vagy törölt szöveg definiálásához.

Rá jellemző attribútum nincs.
Támogatja  HTML-ben található globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás
         s { text-decoration: line-through; }

Vissza a tartalomjegyzékhez.

<samp> Kód minta bemutató. (Gépelési formátumban.)

Rá jellemző attribútum nincs.
Támogatja  HTML-ben található globális attribútumokat és esemény attribútumait is.
Alapértelmezett CSS beállítás
            samp { font-family: monospace; }

Vissza a tartalomjegyzékhez.

<script> Kliensoldali (JavaScript) parancsfájlt definiálja.

A <script> elem vagy parancsfájlokat tartalmaz, vagy egy külső szkriptfájlt mutat az src attribútumon keresztül.
A JavaScript leggyakoribb felhasználásai a képmódosítás, az űrlap érvényesítés és a tartalom dinamikus változásai.

Többféleképpen lehet külső szkriptet végrehajtani:
Ha async = "async": A szkript végrehajtása aszinkron módon történik az oldal többi részével (a szkript végrehajtásra kerül, amíg az oldal folytatja az elemzést)
Ha az async nincs jelen és defer = "defer"(halasztás): A parancsfájl végrehajtódik, amikor az oldal befejezte az elemzést
Ha sem az aszinkron, sem a halasztás nincs jelen:
A parancsfájlt azonnal végrehajtódik, mielőtt a böngésző folytatja az oldal értelmezését.

A "type" attribútum szükséges a HTML 4-ben, de a HTML5-ben nem kötelező.
Az "async" attribútum új a HTML5-ben.
A HTML 4.01  "xml: space" attribútumát:,  HTML5 nem támogatja.

Attribútum	Value/értéke	Leírás
async	async	Megadja, hogy a szkript végrehajtása, aszinkron módon történik. (Csak külső szkriptek esetén.)
charset	charset	Meghatározza a külső szkriptfájlban használt karakterkódolást
defer	defer	Megadja, hogy a szkript végrehajtásra kerül, ha az oldal befejezte az elemzést. (Csak külső szkriptek esetén.)
src	URL	Megadja a külső szkriptfájl, URL-jét
type	media_type	Meghatározza a szkript média típusát
xml:space	preserve	Nem támogatott HTML5-ben. Meghatározza, hogy a szóközök kódjait is, meg kell őrizni

Támogatja a globális attribútumokat a HTML-ben is.
Alapértelmezett CSS beállítás.
           script { display: none; }

Különbségek a HTML és az XHTML között
Az XHTML-ben a szkriptek tartalmát #PCDATA-ként deklarálják (a CDATA helyett), ami azt jelenti, hogy az entitások elemzésre kerülnek.
Ez azt jelenti, hogy az XHTML-ben az összes speciális karaktert kódolni kell, vagy az összes tartalmat be kell csomagolni a CDATA részbe:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // saját kód / kódok
}
//]]>
</script>

Vissza a tartalomjegyzékhez.

<section> Új a HTML5-ben. Dokumentum egy szakaszát határozza meg.

Támogatja a globális attribútumokat és  HTML attribútumokat is.
Alapértelmezett CSS beállítás.
            section { display: block; }

Vissza a tartalomjegyzékhez.

<select> Létrehoz egy legördülő listát.

Attribútum	Value/értéke	Leírás
autofocus	autofocus	Megadja, hogy a legördülő lista automatikusan fókuszáljon, amikor az oldal betöltődik
disabled	disabled	Megadja, hogy a legördülő listát, le kell tiltani
form	form_id	Egy vagy több űrlapot azonosít / határoz meg, melyhez a kiválasztott mező tartozik.
multiple	multiple	Megadja, hogy felhasználó egyszerre több lehetőséget is választhat.
name	name	Legördülő lista nevét / azonosítóját határozza meg.
required	required	Megadja, hogy a felhasználónak meg kell adnia az értéket, az űrlap elküldése előtt
size	number	Meghatározza a látható opciók számát, legördülő listában.

Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<small> Karakter kicsinyítés.

Rá jellemző attribútum nincs.
Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
               small { font-size: smaller; }

Vissza a tartalomjegyzékhez.

<source> Több médiaeszköz megadásához. Új a HTML5-ben, és IE9-től kezdve.

Attribútum	Value/értéke	Leírás
src	URL	Megadja a médiafájl URL-jét. Kötelező, ha a <source> elemet, <audio> vagy <video> elemeknél használjuk.
srcset	URL	Különböző helyzetekben használt kép, URL-jét adja meg. Kötelező, ha a <source> elemet, <picture> elemben használjuk.
media	media_query	Elfogad minden érvényes média lekérdezést, melyet egy CSS-formában definiálnak.
sizes	number-px	Meghatározza különböző oldalelrendezésekhez, a képméretét.
type	MIME-type	Meghatározza az erőforrás MIME-típusát.

Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<span> Területet vagy szövegrészt kijelölő elem.

Attribútum	Value/értéke	Leírás
id	name	Egyedi-azonosító, mely az oldal többi eleménél, nem szerepelhet.
class	name	Osztály-azonosító, mely az oldal többi eleménél is, szerepelhet.

Ha egy szöveget, <span> elembe helyezünk, akkor megformázhatjuk CSS-vel vagy manipulálhatjuk JavaScript-el.
Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<strike> Áthúzandó szöveg.

 Nem támogatott a HTML5-ben. Használjuk helyette a <del> vagy az <s> elemet.

Vissza a tartalomjegyzékhez.

<strong> Kihangsúlyozott szöveg.

Rá jellemző attribútum nincs.
Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás nincs.
          strong { font-weight: bold; }

Vissza a tartalomjegyzékhez.

<style> Stílus meghatározás.

Attribútum	Value/értéke	Leírás
media	media_query	Megadja, hogy az erőforráshoz, milyen média / eszköz optimális.
type	text/css	Meghatározza a <style> elem típusát. (Például a media atribútum esetén, a média típusát.)

Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
             style { display: none; }

Vissza a tartalomjegyzékhez.

<sub> Alsó index. H₂O.

Rá jellemző attribútum nincs.
Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
             sub { vertical-align: sub; font-size: smaller; }

Vissza a tartalomjegyzékhez.

<summary> Új a HTML5-ben. A <details> elem, látható iránya.

Rá jellemző attribútum nincs.
Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
              summary { display: block; }

Vissza a tartalomjegyzékhez.

<sup> Felső index. m²

Rá jellemző attribútum nincs.
Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
              sup {  vertical-align: super; font-size: smaller; }

Vissza a tartalomjegyzékhez.

<svg> Területet definiál, SVG grafika számára.
Megfelel a Scalable Vector Graphics-nak. (Skálázható vektoros grafika)
Vektorgrafika a számítógépes grafikában olyan eljárás, melynek során geometriai primitíveket (rajzelemeket), mint például pontokat, egyeneseket, görbéket és sokszögeket használunk, képek leírására.

Attribútum	Value/értéke	Leírás
width	pixel	Nem kötelező. Meghatározza rajzterület szélességét.
height	pixel	Nem kötelező. Meghatározza rajzterület magasságát.
style	border background	Nem kötelező. További stílusok meghatározása. Rajzterület keretének meghatározása. Rajzterülethez tartozó háttérszin / háttérkép meghatározása.
id	text	Nem kötelező. Egyedi azonosító. ( CSS meghatározásokhoz.)

Néhány különbség, Canvas és SVG között:

Canvas	SVG
2D-s grafikát rajzolhat le ( JavaScript segítségével).	2D-s grafikák XML-ben történő leírására szolgáló nyelv.
Felbontás függő	Felbontástól független
Eseménykezelők számára, nincs támogatás	Eseménykezelőket támogatja
Gyenge szöveges megjelenítési képességek	Legjobb alkalmazások nagy megjelenítési területeken (Google Maps)
Kapott kép, menthető .png vagy .jpg formátumban	Lassú renderelés, ha összetett (bármi, ami a DOM-ot sokat használja, lassú lesz.)
Nagyon alkalmas, grafikus intenzív játékokra	Nem alkalmas játék alkalmazásokra

**SVG példák.**
Vonalak: <svg height="80" width="100" style="border: 2px solid blue;"> <polygon points="5,40 40,40" style="stroke:red; stroke-width:3;" /> <polygon points="50,10 50,70" style="stroke:red; stroke-width:3;" /> <polygon points="70,10 90,70" style="stroke:red; stroke-width:3;" /> </svg>
Négyszög: <svg height="80" width="80" style="border: 2px solid blue;"> <rect x="10" y="10" width="60" height="60" style="fill:red; stroke-width:3; stroke:rgb(0,0,0)"/> </svg>
Kerekített sarkok: <svg height="80" width="80" style="border: 2px solid blue;"> <rect x="10" y="10" rx="20" ry="20" width="60" height="60" style="fill:red; stroke:black; stroke-width:5;" /> </svg>
Sokszögek: (Háromszög, négyszög, ötszög, hatszög, stb.) <svg height="80" width="100" style="border: 2px solid blue;"> <polygon points="50,10 28,68 90,30 15,30 80,68" style="fill:lime; stroke:red; stroke-width:3; fill-rule:evenodd;" /> </svg>
Kör: <svg height="80" width="80" style="border: 2px solid blue;"> <circle cx="40" cy="40" r="30" stroke="green" stroke-width="4" fill="yellow" /> </svg>
Ellipszis: <svg height="80" width="140" style="border: 2px solid blue;"> <ellipse cx="70" cy="40" rx="55" ry="25" stroke="green" stroke-width="3" fill="yellow" /> </svg>
Ellipszis + szöveg: <svg height="80" width="140" style="border: 2px solid blue;"> <ellipse cx="70" cy="40" rx="55" ry="25" stroke="green" stroke-width="2" fill="white" /> <text x="37" y="50" fill="red" font-size="25" font-family="Verdana">SVG</text> </svg>
Átláthatóság: <svg height="80" width="110" style="border: 2px solid blue;"> <rect x="10" y="10" width="60" height="60" style="fill:red; stroke-width:2; stroke:rgb(0,0,0)"/> <circle cx="70" cy="40" r="30" stroke="green" stroke-width="2" fill="yellow" opacity="0.5" /> </svg>

Vissza a tartalomjegyzékhez.

<table> Táblázati formátumot hoz, létre.

HTML5-ben nem támogatott attribútumok:
   "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary" és "width".

Attribútum	Value/értéke	Leírás
align	left center right	Nem támogatott HTML5-ben. Táblázat igazítása környező szövegnek megfelelően. balra középre jobbra
bgcolor	rgb(x,x,x) #xxxxxx colorname	Nem támogatott HTML5-ben. Megadja táblázat háttérszínét. RGB színkód alapján. Példa: rgb(200,0,50); HTML vagy hex színkód alapján. Példa: #FA1D38. Szín Angol neve alapján. Példa: coral, black, green, stb.
border	1 0	Nem támogatott HTML5-ben. Tábla keretes elrendezése, keret látható vagy sem. igen nem
cellpadding	pixels	Nem támogatott HTML5-ben. Meghatározza cellakeret és cellatartalm közötti távolságot.
cellspacing	pixels	Nem támogatott HTML5-ben. Meghatározza cellák közötti távolságot.
frame	void above below hsides lhs rhs vsides box border	Nem támogatott HTML5-ben.Külső határok, mely részei legyenek láthatók. üres / nincs felső alsó horizontális oldalon bal oldalon jobb oldalon vertikális oldalon doboz / terület határokon
rules	none groups rows cols all	Nem támogatott HTML5-ben.Melyik belső határok, legyenek láthatók. egyik sem. csoportoknál soroknál oszlopoknál mindegyiknél
summary	text	Nem támogatott HTML5-ben. Megadja a táblázat tartalmának értelmezési leírását.
width	pixels %	Nem támogatott HTML5-ben. Megadja a táblázat szélességét

Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

Vissza a tartalomjegyzékhez.

<tbody> Kijelöli táblázat tartalmi elemeit.

HTML 5, egyetlen HTML 4.01 attribútumot sem támogat.

Attribútum	Value/értéke	Leírás
align	right left center justify char	Nem támogatott HTML5-ben. Tartalom igazítása vízszintesen, <tbody> elemen belül. jobbra balra középre sorkizárt meghatározott karakterhez.
char	character	Nem támogatott HTML5-ben. A <tbody> elemen belüli tartalmat, egy általunk meghatározott karakterhez igazítja.
charoff	number	Nem támogatott HTML5-ben. Olyan karakterek számát állítja be, melyek a <tbody> elemen belüli tartalomat igazítja, a char attribútum által megadott karakterhez.
valign	top middle bottom baseline	Nem támogatott HTML5-ben. Tartalom igazítása függőlegesen, <tbody> elemen belül. fentre középre lentre vonalra

Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
A <thead>, <tbody> és <tfoot> elemek alapértelmezés szerint, nem befolyásolják a táblázat elrendezését. 
Ezek elemek stílusához, használhatja a CSS-t.

Vissza a tartalomjegyzékhez.

<td> Táblázat adatcellái.

Az összes elrendezési attribútum, eltávolításra kerül a HTML5-ben.

Attribútum	Value/értéke	Leírás
abbr	text	Nem támogatott HTML5-ben. Cellában lévő tartalom, rövidített változatának leírását.
align	left right center justify char	Nem támogatott HTML5-ben. Cellában lévő tartalom, vízszintes igazítása. balra jobbra középre sorkizárt meghatározott karakterhez
axis	category_name	Nem támogatott HTML5-ben. Cellákat kategórizálja / osztályozza.
bgcolor	rgb(x,x,x) #xxxxxx szín-neve	Nem támogatott HTML5-ben. Meghatározza cella háttérszínét RGB színkód alapján. Példa: rgb(200,0,50); HTML vagy hex színkód alapján. Példa: #FA1D38. Szín Angol neve alapján. Példa: coral, black, green, stb.
char	character	Nem támogatott HTML5-ben. Cella tartalmát, egy általunk meghatározott karakterhez igazítja.
charoff	number	Nem támogatott HTML5-ben. Beállítja a karakterek számát, melyek tartalmi része, a char attribútum által megadott karaktertől függ.
colspan	number	Átfedni kívánt oszlopok száma, melyeknek egy cellára kell kiterjedni.
headers	header_id	Egy vagy több olyan fejléccellát határoz meg, melyhez egy cella kapcsolódik
height	pixels %	Nem támogatott HTML5-ben. Beállítja a cella magasságát
nowrap	nowrap	Nem támogatott HTML5-ben. Meghatározza, hogy a cella belsejében lévő tartalmat nem lehet wrappolni / elfedni
rowspan	number	Átfedni kívánt cellasorok száma, melyeknek egy cellára kell kiterjedni.
scope	col colgroup row rowgroup	Nem támogatott HTML5-ben. Fejléccellák és adatcellák társítása táblázatban. oszlop oszlopcsoport sor sorcsoport
valign	top middle bottom baseline	Nem támogatott HTML5-ben. Cella tartalom, függőleges igazítása. fentre középre lentre vonalra
width	pixels %	Nem támogatott HTML5-ben. Meghatározza cella szélességét.

Támogatja a globális attribútumokat és  HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
            td { display: table-cell;  vertical-align: inherit; }

Vissza a tartalomjegyzékhez.

<template> Új a HTML5-ben. Kijelölt tartalom, el van rejtve, az ügyféltől.
Elrejtett tartalom JavaScrip alkalmazásával másolható, és a dokumentum tetszőleges részén, akár több helyen is, megjeleníthető.

Rá jellemző attribútum nincs.
Támogatja a globális attribútumokat a HTML-ben.
Alapértelmezett CSS beállítás nincs.

Böngésző támogatásának teszteláse, a template elemhez:
if (document.createElement("template").content) {
  /* A TEMPLATE elemet támogató böngészők kódja. */
} else {
  /* Alternatív kód a böngészők számára, amelyek nem támogatják a TEMPLATE elemet */
}

Vissza a tartalomjegyzékhez.

<textarea> Többsoros beviteli ablak.

Attribútum	Value/értéke	Leírás
autofocus	autofocus	Meghatározza, szövegterület automatikusan megjelenjen, amikor az oldal betöltődik
cols	number	Megadja a szöveges terület, látható szélességét.
dirname	textareaname.dir	Meghatározza, szöveges terület szövegiránya, bekerüljön.
disabled	disabled	Meghatározza, ha a szöveges területet, le kell tiltani.
form	form_id	Szövegterület egy vagy több form-ját azonosítja / adja meg.
maxlength	number	Megadja a szövegterület karaktereinek megengedett, maximális számát.
name	text	Megadja a szövegterület egyedi nevét / azonosítóját.
placeholder	text	Olyan rövid utalást/leírást ad meg, mely leírja szöveges terület, várható értékét.
readonly	readonly	Meghatározza, hogy a szövegterület, csak olvasható legyen.
required	required	Megadja, hogy szövegterületet, szükséges / kötelező kitölteni.
rows	number	Megadja szöveges területen látható, sorok számát
wrap	hard soft	Meghatározza, szöveges terület szövegét, milyen formában kell benyújtani.

Támogatja a globális attribútumokat és HTML attribútumokat is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<tfoot> Kijelöli táblázat láblécét / lenyomatát tartalmaző elemeket.

HTML5 nem támogatja, HTML 4.01 tfoot elemre vonatkozó attribútumait.

Attribútum	Value/értéke	Leírás
align	right left center justify char	Nem támogatott HTML5-ben. Vízszintesen igazítja, <tfoot> elemen belüli tartalmat. jobbra balra középre sorkizárt meghatározott karakterhez
char	karakter	Nem támogatott HTML5-ben. A <tfoot> elemen belüli tartalmat, egy általunk meghatározott karakterhez igazítja.
charoff	szám	Nem támogatott HTML5-ben. Olyan karakterek számát állítja be, melyek tartalma a <tfoot> elemen belül, igazodik a char attribútum által megadott karakterhez.
valign	top middle bottom baseline	Nem támogatott HTML5-ben. Függőlegesen igazítja, <tfoot> elemen belüli tartalmat. fentre középre lentre vonalra

Támogatja HTML-ben található globális attribútumokat és HTML esemény attribútumait is.
Alapértelmezett CSS beállítás.
	tfoot {
		display: table-footer-group;
		vertical-align: middle;
		border-color: inherit;
	}

Vissza a tartalomjegyzékhez.

<th> Tábla oszlopok, fejléccellája.

HTML5-ben, összes elrendezési attribútum, eltávolításra került.

Attribútum	Value/értéke	Leírás
abbr	text	Fejléccellában lévő tartalom, rövidített változatát adja meg
align	left right center justify char	Nem támogatott HTML5-ben. Fejléccellában lévő tartalom, vízszintes igazítása. jobbra. balra. középre. sorkizárt. karakter szerint, melyet meghatároztunk.
axis	category_name	Nem támogatott HTML5-ben. Fejléccellák csoportosításának neve / azonosítója.
bgcolor	rgb(x,x,x) #xxxxxx colorname	Nem támogatott HTML5-ben. Fejléccellák háttérszínének meghatározása. RGB színkód alapján. Példa: rgb(200,0,50); HTML vagy hex színkód alapján. Példa: #FA1D38. Szín Angol neve alapján. Példa: coral, black, green, stb.
char	character	Nem támogatott HTML5-ben. Fejléccellában lévő tartalmat, egy általunk meghatározott karakterhez igazítja.
charoff	number	Nem támogatott HTML5-ben. Beállítja a karakterek számát, melyek tartalma, a char attribútum által megadott karaktertől függ.
colspan	number	Oszlopok száma, melyeket a fejléccellának vízszintesen, át kell fedni (átnyúlás).
headers	header_id	Egy vagy több olyan fejléccellát határoz meg, amelyhez egy cella kapcsolódik
height	pixels %	Nem támogatott HTML5-ben. Beállítja a fejléccella magasságát. Számmal meghatározott, px-érték. Számmal meghatározott, százalék-érték.
nowrap	nowrap	Nem támogatott HTML5-ben. Meghatározza, fejléccellában lévő tartalmat, ne lehessen becsomagolni (wrappolni).
rowspan	number	Megadja, hogy a fejléccellának függőlegesen, mennyi sort kell lefedni.
scope	col colgroup row rowgroup	Fejléccellák, oszlopok, sorok vagy mindkettő csoportja, melyik fejléchez tartozik. oszlop. oszlopcsoport. sor. sorcsoport.
sorted	reversed number reversed number number reversed	Meghatározza az oszlop sorrendjét. Fordított. Szám.
valign	top middle bottom baseline	Nem támogatott HTML5-ben. Fejléccella tartalmának vertical(függőleges) igazítása. fentre. középre. lentre. alapvonali.
width	pixels %	Nem támogatott HTML5-ben. Meghatározza a fejléccella szélességét.

Támogatja a globális attribútumokat és HTML esemény attribútumait is.
Alapértelmezett CSS beállítások
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}

Vissza a tartalomjegyzékhez.

<thead> Kijelöli táblázat fejléc tartalmát.

HTML5 nem támogatja,  HTML 4.01 <thead> elem attribútumait.

Attribútum	Value/értéke	Leírás
align	right left center justify char	Nem támogatott HTML5-ben. Tartalom vízszintes igazítása, <thead> elemen belül. jobbra. balra. középre. sorkizárt. karakter szerint, melyet a char attribútumnál meghatároztunk.
char	character	Nem támogatott HTML5-ben. A <thead> elemen belüli tartalmat, egy általunk meghatározott karakterhez igazítja.
charoff	number	Nem támogatott HTML5-ben. Beállítja a karakterek számát, melyek tartalma, a char attribútum által megadott karaktertől függ.
valign	top middle bottom baseline	Nem támogatott HTML5-ben. Tartalom függőleges igazítása, <thead> elemen belül. fentre. középre. lentre. alapvonali.

Támogatja a globális attribútumokat és HTML esemény attribútumait is.
Alapértelmezett CSS beállítások
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

Vissza a tartalomjegyzékhez.

<time> Új a HTML5-ben. Megadja az általunk beírt, dátumot / időt.

Attribútum	Value/értéke	Leírás
datetime	időpont	A "time" elem, gépileg is olvasható dátum / idő megjelenítésére alkalmazható.

Támogatja a globális attribútumokat és HTML esemény attribútumait is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<title> Weboldal címe. Ha elhagyja a <title> elemet, a dokumentum HTML-kódként nem érvényesíthető.

Megjegyzés: Nem összekeverendő, jelölőelemek title attribútumaként történő alkalmazással.

Támogatja a Globális attribútumokat a HTML-ben is.
Alapértelmezett CSS beállítás
       title { display: none; }

Vissza a tartalomjegyzékhez.

<tr> Kijelöli táblázat cellasorait.

Az összes elrendezési attribútum eltávolítva, HTML5-ben.

Attribútum	Value/értéke	Leírás
align	right left center justify char	Nem támogatott HTML5-ben. Tartalom vízszintes igazítása, táblázat egy cellasorában. jobbra. balra. középre. sorkizárt. karakter szerint, melyet a char attribútumnál meghatároztunk.
bgcolor	rgb(x,x,x) #xxxxxx szín-neve	Nem támogatott HTML5-ben. Megadja egy cellasor, háttérszínét. RGB színkód alapján. Példa: rgb(200,0,50); HTML vagy hex színkód alapján. Példa: #FA1D38. Szín Angol neve alapján. Példa: coral, black, green, stb.
char	character	Nem támogatott HTML5-ben. Cellasor tartalmát, egy általunk meghatározott karakterhez igazítja.
charoff	number	Nem támogatott HTML5-ben.Beállítja a karakterek számát, melyek tartalmi része, a char attribútum által megadott karaktertől függ.
valign	top middle bottom baseline	Nem támogatott HTML5-ben. Tartalom függőleges igazítása, táblázat egy cellasorában. fentre. középre. lentre. alapvonali.

Támogatja a globális attribútumokat és HTML attribútumokat is.
Alapértelmezett CSS beállítások
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

Vissza a tartalomjegyzékhez.

<track> Új a HTML5-ben. Média elemekhez tartozó, szöveges felíratok.

Attribútum	Value/értéke	Leírás
src	URL	Leírási fájl vagy fájlok URL-je. (Elérési útvonala.) Leírási fájlból többet is készíthetünk, mindegyiket más-más nyelven. Ekkor mindegyiket, külön src attribútummal hívjuk meg.
kind	captions chapters descriptions metadata subtitles	Megjelenő szövegsáv típusai: Felirat azoknak, akik nem hallják a videó hangját. Navigálási lehetőség a filmben. Azoknak, akik csak hallják, de nem látják a videót. Videó lejátszási szakaszaihoz, időzített események. Felirat azoknak, akik nem értik az idegen nyelvet.
srclang	Ország kódja	Azon ország kódja, melyen a szöveg íródott. (srclang="hu")
label	Nyelvezet	Azon ország neve, melyen a szöveg íródott. (label="Hungarian")
default	Nincs	Megjelöli, kezdetkor melyik nyelven írt szöveg legyen, az első. Példa: <track src="feliratok_hu.vtt" kind="captions" srclang="hu" label="Hungarian" default>

Támogatja a globális attribútumokat és HTML attribútumokat is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

<tt> Nem támogatott a HTML5-ben. Írógépbetűknek megfelelő teletext formátumú szöveg.

Fontolja meg helyette, a következő lehetőségeket:
	- Billentyűzet bemenet jelölésére, a <kbd> elemet;
	- Változók esetén, a <var> elemet; 
	- Számítógépes kód esetén, a <code> elemet; 
	- Számítógép kimenetére, a <samp> elemet, 
	- Vagy, használja  helyette a CSS-fájlt.

Vissza a tartalomjegyzékhez.

<u> Helytelen szöveg vagy kínai főnevek aláhúzása.

Fejlesztőket arra emlékezteti, hogy szöveg aláhúzására más elemek szinte mindig megfelelőbbek, mint az <u> elem.
Vélemények: Az <u> elem alkalmazása egyszerűbb szövegrészek aláhúzására, mint a span elem class azonosítóval, melyhez stílust is, meg kell határozni.
Támogatja a globális attribútumokat és HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
               u { text-decoration: underline; }

Vissza a tartalomjegyzékhez.

<ul> Nem számozott, listaelemek.

Attribútum	Value/értéke	Leírás
compact	compact	Nem támogatott HTML5-ben. Megadja, hogy a lista, normálisnál kisebb legyen.
type	disc square circle	Nem támogatott HTML5-ben. Megadja a listasoroknál használni kívánt jelölőt disc-lemez (üres kör) négyzet kör (teli kör)

Támogatja a globális attribútumokat és HTML esemény attribútumokat is.
Alapértelmezett CSS beállítás.
	ul { 
		display: block;
		list-style-type: disc;
		margin-top: 1em;
		margin-bottom: 1 em;
		margin-left: 0;
		margin-right: 0;
		padding-left: 40px;
	}

Vissza a tartalomjegyzékhez.

<var> Változók jelölése, szöveges környezetben.
Ez a címke nem elavult, de lehetősége van a CSS-vel gazdagabb hatás elérésére, vagy minden más kifejezéscímkével helyettesíteni.

Támogatja a globális attribútumokat és HTML attribútumokat is.
Alapértelmezett CSS beállítás.
              var {  font-style: italic; }

Vissza a tartalomjegyzékhez.

<video> Videofolyamatot határoz meg.

Támogatott videók típusai: MP4 type=video/mp4;   WebM type=video/webm;   Ogg type=video/ogg;

Attribútum	Value/értéke	Leírás
autoplay	autoplay	Megadja, hogy a videó azonnal elkezdődik, amint elkészült / betöltődött.
controls	controls	Megadja, hogy a videó vezérlők megjelenjenek (például lejátszás / szünet gomb stb.).
height	pixels	Megjelenő videó / film, magasságának beállítása.
loop	loop	Meghatározza, hogy a videó újrainduljon minden alkalommal, amikor végzett.
muted	muted	Meghatározza, hogy a videó hangkimenetét, elnémítsa.
poster	URL	Megadja a megjelenítendő képet, a videó letöltése közben, vagy amíg a felhasználó el nem indítja a lejátszást.
preload	auto metadata none	Szerző megítélése, hogy a videó betöltődik-e az oldal betöltésekor. - Előtöltés automatikus. - Előtöltés csak a meghatározottak alapján. - Nincs előtöltés.
src	URL	Megadja a videofájl URL-jét. (Elérési útvonalát.)
width	pixels	Megjelenő videó / film, szélességének beállítása.

Támogatja a HTML-ben található globális attribútumokat és HTML attribútumokat is.
Alapértelmezett CSS beállítás nincs.
	Megjegyzés: A YouTube videó, többféle böngészővel is működik.

Vissza a tartalomjegyzékhez.

<wbr> Új a HTML5-ben. Lehetséges sortörés, ha egy szó, túl hosszú.

Rá jellemző attribútum nincs.
Támogatja a globális attribútumokat és HTML attribútumokat is.
Alapértelmezett CSS beállítás nincs.

Vissza a tartalomjegyzékhez.

Bármely HTML elemben használhatók,
az alábbi globális attribútumok, jellemzők.

HTML attribútumok az elemekhez, kontextust adnak.

Attribútum	Leírás
accesskey	Megad egy gyorsbillentyűt, az elem aktiválásához / fókuszálásához
class	Egy vagy több elemnek, osztálynevet határoz meg (egy stíluslap egy osztályára utal)
contenteditable	Meghatározza, hogy egy elem tartalma szerkeszthető-e vagy nem.
data-*	Egyéni / privát adatok tárolása az oldalra, vagy az alkalmazásra vonatkoznak
dir	Meghatározza az elem tartalmának szövegirányát
draggable	Meghatározza, hogy egy elem elmozgatható, vagy nem.
dropzone	Megadja, hogy az elhúzott adatokat átmásolják, áthelyezik vagy összekapcsolják-e valamivel.
hidden	Elem elrejtése felhasználó elől, mely elem még nem, vagy már nem ide való.
id	Egy kiválasztott elem, egyedi azonosítóját adja meg.
lang	Elem tartalmának nyelvezetét határozza meg.
spellcheck	Megadja, hogy az elem a helyesírást és a nyelvezetét, ellenőrizzük-e vagy sem
style	Egy elemhez tartozó, közvetlen CSS-stílus megadása.
tabindex	Meghatározza az elem elrendezésének sorrendjét.
title	Egy elemre vonatkozó, további információt / tájékoztatót határoz meg.
translate	Meghatározza, hogy egy elem tartalmát, le kell-e fordítani, vagy nem.

Vissza a tartalomjegyzékhez.

HTML Globális event, azaz, esemény attribútumok,
melyek HTML elemekhez adhatók meg.

HTML 4 lehetővé tette, hogy az események aktiválják a böngészőben végrehajtandó műveleteket, például a JavaScript indításához, amikor egy felhasználó rákattint egy elemre vagy oldal betöltődésekor, stb.

Dokumentumra / ablakobjektumra kiváltott események, melyek a <body> elem esetén érvényesek.

Attribútum	Value/értéke	Leírás
onafterprint	script	Script / parancsfájl futtatható, a dokumentum nyomtatása után.
onbeforeprint	script	Script / parancsfájl futtatható, a dokumentum nyomtatása előtt.
onbeforeunload	script	Script / parancsfájl futtatása, amikor a dokumentumot, újra akarják tölteni (frissíteni)
onerror	script	Script / parancsfájl futtatása, hiba esetén.
onhashchange	script	Script / parancsfájl futtatása, ha az URL egyik horgonyos része, megváltozott.
onload	script	Script futtatása, oldal betöltődése után.
onmessage	script	Script / parancsfájl futtatása, az üzenet indításakor.
onoffline	script	Script / parancsfájl futtatása, amikor a böngésző offline állapotba kerül.
ononline	script	Script / parancsfájl futtatása, amikor a böngésző elkezdi működését az interneten.
onpagehide	script	Script / parancsfájl futtatása, amikor egy felhasználó, weboldalról elmozdul.
onpageshow	script	Script / parancsfájl futtatása, amikor egy felhasználó, egy oldalra navigál.
onpopstate	script	Script / parancsfájl futtatása, amikor az ablak története / tartalma, megváltozik.
onresize	script	Script / parancsfájl futtatása, ha felhasználó átméretezte a böngészőablakot.
onstorage	script	Script / parancsfájl futtatása, amikor a webtárhely frissül.
onunload	script	Letöltött egyetlen oldal fájlja üres (vagy oldal egyszer kiürül, a böngészőablak bezárva)

Vissza a tartalomjegyzékhez.

Űrlap event, azaz, események

A HTML formában lévő műveletek által kiváltott események.
Szinte az összes HTML elemre vonatkoznak, de leggyakrabban az űrlapelemekben használatosak.

Attribútum	Value/értéke	Leírás
onblur	script	Aktív, amikor az elem vagy bevitelimező elveszíti a fókuszt.
onchange	script	Aktív abban a pillanatban, amikor az elem vagy bevitelimező értéke, megváltozik.
oncontextmenu	script	Script / parancsfájl futtatható, amikor egy helyi menü aktiválódik.
onfocus	script	Aktív, amikor az elem vagy bevitelimező fókuszba kerül.
oninput	script	Script / parancsfájl futtatása, amikor egy elem vagy bevitelimező, felhasználói beadást, bevitelt kap.
oninvalid	script	Script / parancsfájl futtatása, ha egy elem vagy bevitelimező, érvénytelen.
onreset	script	Aktív, ha a Reset (visszaállítás) gombra, egy form (űrlap) elembben, rákattintanak.
onsearch	script	Aktív, amikor a felhasználó valamit keresett, egy keresési mezőben. (<input="search"> esetén.)
onselect	script	Aktív, miután felhasználó néhány elemet kiválasztott, egy elemben. (Bevitelimezőben.)
onsubmit	script	Aktív, ha egy űrlapot benyújtanak, beküldenek feldolgozásra.

Vissza a tartalomjegyzékhez.

Billentyűzeti események

Attribútum	Value/értéke	Leírás
onkeydown	script	Aktív billentyű lenyomásakor.
onkeypress	script	Aktív, billentyű nyomvatartásakor.
onkeyup	script	Aktív billentyű felengedésekor.

Vissza a tartalomjegyzékhez.

Egér események

Attribútum	Value/értéke	Leírás
onclick	script	Egérbillentyűvel kattintási esemény. Bekövetkezik, ha a kiválasztott elemen, egérbillentyű lenyomását követően, billentyűt felengedték.
ondblclick	script	Dupla kattintási esemény. Bekövetkezik, ha a kiválasztott elemen, egérbillentyűvel egymásután kétszer kattintottak.
onmousedown	script	Egérbillentyű lenyomási esemény. Bekövetkezik, ha a kiválasztott elemen, egérbillentyűt lenyomják.
onmousemove	script	Területre érkezési esemény. Bekövetkezik, ha a kiválasztott elem területére mozgatjuk az egérkurzort.
onmouseout	script	Terület elhagyási esemény. Bekövetkezik, ha a kiválasztott elem területét elhagyja az egérkurzor.
onmouseover	script	Terület felett, mozgási esemény. Bekövetkezik, amikor az egérmutató egy elem felett mozog.
onmouseup	script	Egérbillentyű felengedési esemény. Bekövetkezik, ha a kiválasztott elemen, egérbillentyűt felengedték.
onmousewheel	script	Elavult. Használja helyette az onwheel attribútumot.
onwheel	script	Egér görgetési esemény. Bekövetkezik, amikor az egér kerék felfelé vagy lefelé halad, egy elem területe felett.

Vissza a tartalomjegyzékhez.

Drag, mozgatási események.(húzza, mozgatja)

Attribútum	Value/értéke	Leírás
ondrag	script	Script / parancsfájl futtatása, amikor egy elemet húzunk, mozgatunk.
ondragend	script	Script / parancsfájl futtatása, mozgási művelet végén.
ondragenter	script	Script / parancsfájl futtatása, amikor egy elemet, egy érvényes célpontra húztak.
ondragleave	script	Script / parancsfájl futtatása, amikor egy elem, elhagyja érvényes célpontot.
ondragover	script	Script / parancsfájl futtatása, amikor az elemet, egy érvényes célponton húzzák, mozgatják.
ondragstart	script	Script / parancsfájl futtatása, a húzási művelet kezdetén.
ondrop	script	Script / parancsfájl futtatása, amikor a húzott elemet, leejtik.
onscroll	script	Script / parancsfájl futtatása, amikor egy elem görgetősávját görgetik.

Vissza a tartalomjegyzékhez.

Vágólap események

Attribútum	Value/értéke	Leírás
oncopy	script	Aktív, amikor a felhasználó, egy elem tartalmát másolja
oncut	script	Aktív, amikor a felhasználó, elrejti az elem tartalmát
onpaste	script	Aktív, amikor a felhasználó, valamilyen tartalmat beilleszt, egy elembe. ( Jellemzően, űrlap elembe.)

Vissza a tartalomjegyzékhez.

Média események

Az olyan események, mint a videók, képek és hanganyagok.
Minden HTML elemre érvényesek, de a leggyakoribb alkalmazásuk a média elemekben van.
Például <audio>, <embed>, <img>, <object> és <video>).

Attribútum	Value/értéke	Leírás
onabort	script	Script / parancsfájl futtatása, megszakításkor / leállításkor.
oncanplay	script	Script / parancsfájl futtatása, amikor egy fájl készen áll, a lejátszás megkezdésére.
oncanplaythrough	script	Script / parancsfájl futtatása, ha egy fájlt végig lehet játszani anélkül, hogy a pufferelésre szünetet tartana.
oncuechange	script	Script / parancsfájl futtatása, amikor a cue(felírat szövege) változik, egy <track> elemben.
ondurationchange	script	Script / parancsfájl futtatása, amikor a média hossza megváltozik.
onemptied	script	Script / parancsfájl futtatása, ha valami rossz történik, és a fájl hirtelen nem érhető el. ( Például: váratlanul leválik. )
onended	script	Script / parancsfájl futtatása, amikor a média elérte a végét. ( Például: Hasznos esemény olyan üzenetekhez, mint a "köszönet a hallgatásért" )
onerror	script	Script / parancsfájl futtatása, ha hiba történik a fájl betöltésekor.
onloadeddata	script	Script / parancsfájl futtatása, médiaadatok betöltésekor.
onloadedmetadata	script	Script / parancsfájl futtatása, ha metaadatokat töltenek be. ( Például: méreteket és időtartamot. )
onloadstart	script	Script / parancsfájl futtatása, mielőtt bármi betöltésre kerülne. ( Például: Csakúgy, mint a fájl betöltésekor. )
onpause	script	Script / parancsfájl futtatása, ha a médiát, felhasználó vagy program szerint, szüneteltetik.
onplay	script	Script / parancsfájl futtatása, ha a média készen áll, a lejátszás megkezdésére.
onplaying	script	Script / parancsfájl futtatása, amikor a média ténylegesen elkezdett játszani.
onprogress	script	Script / parancsfájl futtatása, amikor a böngésző, a médiaadatok megszerzésének folyamatában van.
onratechange	script	Script / parancsfájl futtatása minden egyes alkalommal, amikor a lejátszás sebessége megváltozik. ( Például: Felhasználó lassított vagy gyors előretekerési üzemmódra vált.)
onseeked	script	Script / parancsfájl futtatása, ha a kereső attribútum hamis, és azt jelzi, hogy a keresés véget ért.
onseeking	script	Script / parancsfájl futtatása, ha a keresési attribútum igazra van állítva, jelezve, hogy a keresés aktív.
onstalled	script	Script / parancsfájl futtatása, ha a böngésző bármilyen okból, nem tudja letölteni a médiaadatokat.
onsuspend	script	Script / parancsfájl futtatása, médiaadatok lekérésekor leállítás történik, mielőtt bármilyen okból teljesen betöltődne.
ontimeupdate	script	Script / parancsfájl futtatása, amikor a lejátszási pozíció megváltozott. ( Például: Felhasználó gyorsabban tovább léptet, a média másik pontjára.)
onvolumechange	script	Script / parancsfájl futtatása minden egyes alkalommal, amikor a kötet megváltozott. ( Beleértve a hangerő "némítás" beállítása.)
onwaiting	script	Script / parancsfájl futtatása, amikor a média szünetet tartott, de várhatóan folytatódik. ( Például: Amikor a média több adatot pufferel.)

Vissza a tartalomjegyzékhez.

Egyéb esemény

Attribútum	Value/értéke	Leírás
ontoggle	script	Script / parancsfájl futtatása, amikor a felhasználó megnyitja vagy bezárja a <details> elemet. ( A details elem tartalmát, felhasználó felfedheti / elrejtheti.)

Vissza a tartalomjegyzékhez.

HTML audio és videó DOM hivatkozás

A HTML5 DOM-ban vannak módszerek, tulajdonságok és események, az <audio> és <video> elemekhez.
Ezek, lehetővé teszik, az <audio> és <video> elemenél, JavaScript használatát.

HTML audio / videó módszerek

Method	Leírás
addTextTrack()	Hozzáad egy új szöveget, az audióhoz / videóhoz.
canPlayType()	Ellenőrzi, hogy a böngésző képes-e a megadott audio / video típus lejátszására.
load()	Újra betölti az audio / video elemet
play()	Elindítja az audió / videó lejátszását
pause()	Megszakítja az éppen lejátszott audió / videó lejátszását

Vissza a tartalomjegyzékhez.

HTML audio / videó tulajdonságai

Property	Leírás
audioTracks	Visszaállítja az AudioTrackList objektumot, mely az elérhető hangsávokat tartalmazza.
autoplay	Beállítja vagy visszaadja, hogy a betöltés után elkezdje vagy sem, audio / videó lejátszást.
buffered	Visszaad egy TimeRanges objektumot, mely az audio / video pufferelt részeit képviseli.
controller	Visszaadja a Media Controller objektumot, mely az audio / video aktuális médiavezérlőjét képviseli
controls	Beállítja vagy visszaadja, hogy az audiónak / videónak megjelenjenek-e, a vezérlői. ( Például: Lejátszás / szünet stb.)
crossOrigin	Beállítja vagy visszaadja az audio / video CORS (kereszt) beállításait.
currentSrc	Visszaadja az aktuális audió / videó URL-jét, elérési útvonalát.
currentTime	Beállítja vagy visszaadja az aktuális lejátszási pozíciót, audiónál / videónál (másodpercben)
defaultMuted	Beállítja vagy visszaadja, hogy az audio / videó alapértelmezés szerint, elnémítson.
defaultPlaybackRate	Beállítja vagy visszaadja az audio / video lejátszás alapértelmezett, sebességét.
duration	Visszaadja az aktuális audió / videó hosszát (másodpercben)
ended	Visszatér, hogy az audio / video lejátszása befejeződött-e vagy sem.
error	Visszaad egy MediaError objektumot, mely az audio / video hibaállapotát képviseli.
loop	Beállítja vagy visszaadja, hogy az audio / videó újrainduljon, befejezést követően.
mediaGroup	Beállítja vagy visszaadja azt a csoportot, amelyhez az audio / videó tartozik. ( Több hang / videó elem összekapcsolására használják. )
muted	Beállítja vagy visszaadja, hogy az audio / videó elnémuljon-e vagy sem.
networkState	Visszaadja az audio / videó aktuális, hálózati állapotát.
paused	Visszatér, hogy az audió / videó szünetel, vagy sem.
playbackRate	Beállítja vagy visszaadja az audio / video lejátszás sebességét.
played	Az audio / video lejátszott részeit reprezentáló, TimeRanges objektumot adja vissza.
preload	Beállítja vagy visszaadja, hogy az oldal betöltése után, betöltse-e az audiót / videót.
readyState	Visszaadja az audio / video aktuális készenléti állapotát.
seekable	Visszaadja a TimeRanges objektumot, mely az audió / videó kereshető részeit ábrázolja.
seeking	Visszaadja, hogy a felhasználó jelenleg keresi-e, az audiót / videót.
src	Az audio / video elem aktuális URL-jének / forrásának beállítása vagy visszaállítása.
startDate	Visszaad egy olyan dátum objektumot, mely az aktuális időbeli eltolást mutatja.
textTracks	Visszaad egy TextTrackList objektumot, mely a rendelkezésre álló szöveges számokat reprezentálja.
videoTracks	A rendelkezésre álló videószámokat reprodukáló VideoTrackList (videószámok listája) objektumot adja vissza.
volume	Beállítja vagy visszaadja az audió / videó hangerejét.

Vissza a tartalomjegyzékhez.

HTML audió / videó események

Event / esemény	Leírás
abort	Aktív, amikor audió / videó betöltése, megszakadt.
canplay	Aktív, amikor a böngésző elkezdi lejátszani, audiót / videót.
canplaythrough	Aktív, amikor a böngésző képes lejátszani audiót / videót, a pufferelés megállítása nélkül.
durationchange	Aktív, amikor audió / videó időtartama megváltozott.
emptied	Aktív, amikor az aktuális lejátszási lista, üres.
ended	Aktív, amikor az aktuális lejátszási lista, befejeződött.
error	Aktív, amikor audió / videó betöltése során, hiba történt.
loadeddata	Aktív, amikor a böngésző betöltötte, az aktuális audió / videó várakozó adatait.
loadedmetadata	Aktív, amikor a böngésző metaadatokat töltött fel az audio / videó esetében.
loadstart	Aktív, amikor a böngésző elkezdi keresni, az audiót / videót.
pause	Aktív, amikor az audió / videó szünetel.
play	Aktív, amikor az audio / video elindul, azaz, már nem áll le.
playing	Aktív, amikor felfüggesztésre vagy leállításra kerül a puffereléshez, audió / videó lejátszás után. (buffer / puffer: számítógépes grafika területén használt, speciális adattárolás.)
progress	Aktív, amikor a böngésző letölti az audiót / videót.
ratechange	Aktív, amikor az audio / video lejátszási sebessége, megváltozik.
seeked	Aktív, amikor a felhasználó készen áll átlépni / átugrani egy új helyre, audióban / videóban.
seeking	Aktív, amikor a felhasználó elindul / átugrik egy új pozícióba, az audióban / videóban.
stalled	Aktív, amikor a böngésző megpróbálja elérni a médiaadatokat, de az adatok nem állnak rendelkezésre.
suspend	Aktív, amikor a böngésző valamilyen okból, szándékosan nem kap médiaadatokat.
timeupdate	Aktív, amikor az aktuális lejátszási helyzet, megváltozott.
volumechange	Aktív, amikor a hangerő érték, megváltozott.
waiting	Aktív, amikor a videó leáll, mert a következő várakozásra, pufferelésére van szüksége. (buffer / puffer: számítógépes grafika területén használt, speciális adattárolás.)

Vissza a tartalomjegyzékhez.

Html elemek attribútumai, leírásai

Attribútumok, jellemzők, események.

Bármely HTML elemben használhatók, az alábbi globális attribútumok, jellemzők.

HTML Globális event, azaz, esemény attribútumok,melyek HTML elemekhez adhatók meg.

Űrlap event, azaz, események

Billentyűzeti események

Egér események

Drag, mozgatási események.(húzza, mozgatja)

Vágólap események

Média események

Egyéb esemény

HTML audio és videó DOM hivatkozás

HTML audio / videó módszerek

HTML audio / videó tulajdonságai

HTML audió / videó események

Bármely HTML elemben használhatók,
az alábbi globális attribútumok, jellemzők.

HTML Globális event, azaz, esemény attribútumok,
melyek HTML elemekhez adhatók meg.