HTML5 Elemek

Elem Rövid leírás Példa
<a> Hiperlink Példa link
<abbr> Mozaikszó vagy rövidítés HTML
<address> Elérhetőségi adatok
Külső utca 1, Város
<article> Cikket, önálló tartalmi egységet jelöl

Cikk címe

Cikk tartalma...
<aside> Mellékletet, kiegészítő tartalmat jelöl
<audio> Hangfájlt vagy audiólejátszót jelöl
<b> Félkövér szöveget jelöl Félkövér szöveg
<base> Betöltendő dokumentumok alapcímét jelöl Nem látható példa
<bdi> Bidi-rendszerbe zárt szöveget jelöl مرحبا بكم
<bdo> Szöveg irányát jelöl Szőveg jobbról balra
<blockquote> Idézetet jelöl

Ez egy idézet.
<body> Dokumentum testtartalmát jelöl Nem látható példa
<br> Sorváltást jelöl Ez a szöveg
sorváltással.
<button> Gombot jelöl
<canvas> Rajzolóvásznat jelöl
<caption> Táblázat fejlécét jelöl
Táblázat címe
Tartalom
<cite> Mű címét, forrását jelöl Forrás címe
<code> Kódot jelöl function hello() { return "Hello World"; }
<col> Táblázat oszlopát jelöl
TartalomTartalom
<colgroup> Táblázat oszlopcsoportját jelöl
TartalomTartalom
<data> Gyakoriságot, százalékos értéket jelöl

A weboldal betöltési ideje: 2 másodperc.
<datalist> Egy beviteli mezőhöz opciókat jelöl
<dd> Leírást jelöl a <dl> elemhez
HTML
Az alap webes jelölőnyelv.
<del> Törölt szöveget jelöl

Ez a törölt szöveg.
<details> Részleteket jelöl
Részletek

További információk...
<dfn> Definíciót vagy emlékeztetőt jelöl

Ez egy definíció.
<dialog> Interaktív párbeszédablakot jelöl

Interaktív párbeszédablak tartalma...
<div> Divízió, blokkszintű elem
<dl> Definíciós listát jelöl
HTML
Az alap webes jelölőnyelv.
<dt> Definíciót jelöl a <dl> elemhez
HTML
Az alap webes jelölőnyelv.
<em> Fontos vagy hangsúlyozott szöveget jelöl

Fontos szöveg.
<embed> Külső tartalmat beágyaz
<fieldset> Űrlapmezők csoportját jelöl
Regisztráció




<figcaption> Kép, táblázat vagy ábra címkéjét jelöl
Kép leírása
Kép címkéje
<figure> Képet, ábrát vagy táblázatot jelöl
Kép leírása
Kép címkéje
<footer> Dokumentum vagy szekció láblécét jelöl
Dokumentum lábléce
<form> Űrlapot jelöl





<h1> - <h6> Címzett szöveget jelöl, hierarchikus jelölés

Cím 1

Cím 2

Cím 3

Cím 4

Cím 5
Cím 6
<head> Dokumentum fejrészét jelöl Nem látható példa
<header> Dokumentum vagy szekció fejlécét jelöl
Dokumentum fejléce
<hr> Vízszintes elválasztó sort jelöl

Ez a szöveg alatt
<html> Dokumentum gyökérelemét jelöl Nem látható példa
<i> Felkeltő szöveget jelöl

Felkeltő szöveg.
<iframe> Keretezett külső tartalmat jelöl
<img> Képet jelöl Kép leírása
<input> Beviteli mezőt jelöl
<ins> Beszúrt szöveget jelöl

Ez egy beszúrt szöveg.
<kbd> Billentyűleütést jelöl

Nyomd meg a Ctrl + C billentyűkombinációt.
<label> Űrlapmező címkéjét jelöl
<legend> Űrlapmezőcsoport címkéjét jelöl
Regisztráció

<li> Felsorolási elemet jelöl
  • Első elem
  • Második elem
<link> Külső stíluslapot vagy kapcsolatot jelöl
<main> Fő tartalmi területet jelöl
Fő tartalom
<map> Képtérképet jelöl Világtérkép Észak-Amerika Kelet-Ázsia Európa
<mark> Kiemelt vagy megjelölt szöveget jelöl

Ez a szöveg kiemelt része.
<meta> Dokumentum metainformációit jelöl
<meter> Skaláris mérést jelöl egy ismert tartományon belül. Ezt mérőműszernek is nevezik.

C: meghajtó

6 out of 10
<nav> Navigációs linkcsoportot jelöl
<noscript> Script nélküli tartalmat jelöl
<object> Külső tartalmat beágyaz vagy hivatkozik
<ol> Számozott listát jelöl
  1. Első elem
  2. Második elem
<optgroup> Beviteli mezőcsoportot jelöl
<option> Beviteli mező opciót jelöl
<output> Kimeneti értéket jelöl
+ = 100
<p> Bekezdést jelöl

Ez egy bekezdés.
<param> Beállítási paramétert jelöl
<picture> Képet vagy videót jelöl Leírás
<pre> Előformázott szöveget jelöl 
Előformázott szöveg
<progress> Folyamatjelzőt jelöl 70%
<q> Rövid idézetet jelöl

Az a mondás, hogy Az utolsó csepp is lehet a pokol.
<rp> Böngésző nem támogatja a <ruby> elemet 明日(Ashita)
<rt> Ruby annotációt jelöl 明日(Ashita)
<rtc> Ruby közösségi annotációt jelöl 明日(AshitaÁtváltás)
<ruby> Ruby annotációt tartalmaz 明日(Ashita)
<s> Törlött szöveget jelöl

Ez egy törlött szöveg.
<samp> Programból kinyert kimenetet jelöl

Az eredmény: 12345
<script> Scriptet vagy programot jelöl
<section> Szekciót jelöl
Szekció tartalma...
<select> Legördülő listát jelöl
<small> Kis betűméretet jelöl

Kis betűméret
<source> Külső tartalom forrását jelöl
<span> Soron belüli egységet jelöl

Színezett szöveg
<strong> Fontos vagy hangsúlyos szöveget jelöl

Fontos szöveg.
<style> Dokumentum stílus leírását jelöl
<sub> Aláírást jelöl

A kémiai képletben a víz egy hidrogén-2O molekula.
<summary> Egy összefolgalót jelöl
Leírás

További részletek...
<sup> Felső indexet jelöl

Az E=mc2 képlet híres.
<svg> SVG képet jelöl
<table> Táblázatot jelöl
Fejléc 1 Fejléc 2
Sor 1, cella 1 Sor 1, cella 2
Sor 2, cella 1 Sor 2, cella 2
<tbody> Táblázat törzsét jelöl
Sor 1, cella 1 Sor 1, cella 2
Sor 2, cella 1 Sor 2, cella 2
<td> Táblázat sejtet jelöl
Sor 1, cella 1 Sor 1, cella 2
Sor 2, cella 1 Sor 2, cella 2
<textarea> Szöveg beviteli mezőt jelöl
<tfoot> Táblázat láblécét jelöl
Sor 1, cella 1 Sor 1, cella 2
Összesen 200
<th> Táblázat fejlécet jelöl
Fejléc 1 Fejléc 2
Sor 1, cella 1 Sor 1, cella 2
<thead> Táblázat fejlécét jelöl
Fejléc 1 Fejléc 2
Sor 1, cella 1 Sor 1, cella 2
<time> Dátum vagy időpont jelöl
<title> Dokumentum címét jelöl Dokumentum címe
<tr> Táblázatsort jelöl
Fejléc 1 Fejléc 2
Sor 1, cella 1 Sor 1, cella 2
Sor 2, cella 1 Sor 2, cella 2
<track> Hang- vagy videó aláírást jelöl
<u> Aláhúzott szöveget jelöl

Ez egy aláhúzott szöveg.
<ul> Nem számozott listát jelöl
  • Első elem
  • Második elem
<var> Változó nevet jelöl

A változó neve: x.
<video> Videót jelöl
<wbr> Elemek rövidítését jelöl

Ez egy rövid szöveg, de lehet törni.