Sei sulla pagina 1di 19

Elemento raz

Element
o

Descripcin

<html>

Representa la raz de un documento HTML o XHTML. Todos los dems


elementos deben ser descendientes de este elemento.

Metadatos del documento


Element
o

Descripcin

<head>

Representa una coleccin de metadatos acerca del documento, incluyendo


enlaces a, o definiciones de, scripts y hojas de estilo.

<title>

Define el ttulo del documento, el cual se muestra en la barra de ttulo del


navegador o en las pestaas de pgina. Solamente puede contener texto y
cualquier otra etiqueta contenida no ser interpretada.

<base>

Define la URL base para las URLs relativas en la pgina.

<link>

Usada para enlazar JavaScript y CSS externos con el documento HTML actual.

<meta>
<style>

Define los metadatos que no pueden ser definidos usando otro elemento
HTML.
Etiqueta de estilo usada para escribir CSS en lnea.

Scripting
Elemento
<script>

Descripcin
Define ya sea un script interno o un enlace hacia un script externo. El
lenguaje de programacin es JavaScript

<noscript

Define una contenido alternativo a mostrar cuando el navegador no soporta

>

scripting.

Secciones
Elemento

Descripcin

<body>

Representa el contenido principal de un documento


HTML. Solo hay un elemento <body> en un
documento.

Elemento

Descripcin
Define una seccin en un documento.

<section>

<nav>

Define una seccin que solamente contiene enlaces de


navegacin

<article>

Define contenido autnomo que podra existir


independientemente del resto del contenido.
Define algunos contenidos vagamente relacionados con
el resto del contenido de la pgina. Si es removido, el

<aside>

contenido restante seguir teniendo sentido

<h1>,<h2>,<h3>,<h4>,<h5
>,<h6>

Los elemento de cabecera implementan seis niveles de


cabeceras de documentos; <h1> es la de mayor
y <h6> es la de menor impotancia. Un elemento de
cabecera describe brevemente el tema de la seccin
que introduce.
Define la cabecera de una pgina o seccin.
Usualmente contiene un logotipo, el ttulo del sitio Web

<header>

y una tabla de navegacin de contenidos.


Define el pie de una pgina o seccin. Usualmente
contiene un mensaje de derechos de autora, algunos
enlaces a informacin legal o direcciones para dar

<footer>

informacin de retroalimentacin.
Define una seccin que contiene informacin de

<address>

contacto.
Define el contenido principal o importante en el
documento. Solamente existe un elemento <main> en

<main>

el documento.

Agrupacin de Contenido
Elemento

Descripcin

<p>

Define una parte que debe mostrarse como un prrafo.

<hr>

Representa un quiebre temtico entre parrafos de una seccin o


articulo o cualquier contenido.

Elemento

Descripcin
Indica que su contenido esta preformateado y que este formato debe

<pre>

ser preservado.

<blockquote>

Representa una contenido citado desde otra fuente.

<ol>

Define una lista ordenada de artculos.

<ul>

Define una lista de artculos sin orden.

<li>

Define un artculo de una lista ennumerada.

<dl>

Define una lista de definiciones, es decir, una lista de trminos y sus


definiciones asociadas.

<dt>

Representa un trmino definido por el siguiente <dd>.

<dd>

Representa la definicin de los terminos listados antes que l.

<figure>

Representa una figura ilustrada como parte del documento.

<figcaption>

Representa la leyenda de una figura.

<div>

Representa un contenedor genrico sin ningn significado especial.

Semntica a nivel de Texto


Elemento

Descripcin

<a>

Representa un hiperenlace , enlazando a otro recurso.

<em>

Representa un texto enfatizado , como un acento de intensidad.

<strong>

Representa un texto especialmente importante .

<small>

Representa un comentario aparte , es decir, textos como un descargo de


responsabilidad o una nota de derechos de autora, que no son esenciales
para la comprensin del documento.

<s>

Representa contenido que ya no es exacto o relevante .

<cite>

Representa el ttulo de una obra .

<q>

Representa una cita textual inline.

Elemento
<dfn>

Descripcin
Representa un trmino cuya definicin est contenida en su contenido
ancestro ms prximo.

<abbr>

Representa una abreviacin o un acrnimo ; la expansin de la abreviatura


puede ser representada por el atributo title.

<data>

Asocia un equivalente legible por mquina a sus contenidos. (Este elemento


est slamente en la versin de la WHATWG del estandar HTML, y no en la
versin de la W3C de HTML5).

<time>

Representa un valor de fecha y hora; el equivalente legible por mquina


puede ser representado en el atributo datetime.

<code>

Representa un cdigo de ordenador .

<var>

<samp>

Representa a una variable, es decir, una expresin matemtica o contexto


de programacin, un identificador que represente a una constante, un
smbolo que identifica una cantidad fsica, un parmetro de una funcin o un
marcador de posicin en prosa .
Representa la salida de un programa o un ordenador.
Representa la entrada de usuario o usuaria, por lo general desde un teclado,

<kbd>

<sub>,<su
p>

<i>

pero no necesariamente, este puede representar otras formas de entrada de


usuario o usuaria, como comandos de voz transcritos.
Representan un subndice y un superndice, respectivamente.
Representa un texto en una voz o estado de nimo alterno, o por lo menos
de diferente calidad, como una designacin taxonmica, un trmino tcnico,
una frase idiomtica, un pensamiento o el nombre de un barco.
Representa un texto hacia el cual se llama la atencin para propsitos

<b>

utilitaros. No confiere ninguna importancia adicional y no implica una voz


alterna.

<u>

Representa una anotacin no textual sin-articular, como etiquetar un texto


como mal escrito o etiquetar un nombre propio en texto en Chino.

<mark>

Representa texto resaltado con propsitos de referencia, es decir por su


relevancia en otro contexto.

Elemento
<ruby>

Descripcin
Representa contenidos a ser marcados con anotaciones ruby, recorridos
cortos de texto presentados junto al texto. Estos son utilizados con
regularidad en conjunto a lenguajes de Asia del Este, donde las anotaciones
actan como una gua para la pronunciacin, como el furiganaJapons.

<rt>

<rp>

<bdi>

Representa el texto de una anotacin ruby .


Representa los parntesis alrededor de una anotacin ruby, usada para
mostrar la anotacin de manera alterna por los navegadores que no
soporten despliegue estandar para las anotaciones.
Representa un texto que debe ser aislado de sus alrededores para el
formateado bidireccional del texto. Permite incrustar un fragmento de texto
con una direccionalidad diferente o desconocida.

<bdo>

Representa la direccionalidad de sus descendientes con el fin de anular de


forma explcita al algoritmo bidireccional Unicode.

<span>

Representa texto sin un significado especfico. Este debe ser usado


cuando ningn otro elemento semntico le confiere un significado adecuado,
en cuyo caso, provendr de atributos globales como class, lang, o dir.

<br>

Representa un salto de lnea.

<wbr>

Representa una oportunidad de salto de lnea, es decir, un punto sugerido


de envoltura donde el texto de mltiples lneas puede ser dividido para
mejorar su legibilidad.

Ediciones
Elemento

Descripcin

<ins>

Define una adicin en el documento.

<del>

Define una remocin del documento.

Contenido incrustado
Elemento

Descripcin

<img>

Representa una imagen.

<iframe>

Representa un contexto anidado de navegacin, es decir, un documento

Elemento

Descripcin
HTML embebido.

<embed>

Representa un punto de integracin para una aplicacin o contenido


interactivo externo que por lo general no es HTML.
Representa un recurso externo, que ser tratado como una imagen, un

<object>

sub-documento HTML o un recurso externo a ser procesado por


un plugin.

<param>

Define parmetros para el uso por los plugins invocados por los
elementos <object>.

<video>

Representa un video , y sus archivos de audio y capciones asociadas,


con la interfaz necesaria para reproducirlos.

<audio>

Representa un sonido o stream de audio.

<source>

Permite a autores o autoras especificar recursos multimedia alternativos


para los elementos multimedia como <video> o <audio>.

<track>

Permite a autores o autoras especificar una pista de texto temporizado


para elementos multimedia como <video> o <audio>.

<canvas>

Representa un rea de mapa de bits en el que se pueden utilizar scripts


para renderizar grficos como grficas, grficas de juegos o cualquier
imagen visual al vuelo.

<map>

En conjunto con <area>, define un mapa de imagen.

<area>

En conjunto con <map>, define un mapa de imagen.

<svg>

Define una imagen vectorial embebida.

<math>

Define una frmula matemtica.

Datos tabulares

Elemento

Descripcin

<table>

Representa datos con ms de una dimensin.

<caption
>
<colgroup
>
<col>
<tbody>

<thead>

<tfoot>

Representa el ttulo de una tabla.

Representa un conjunto de una o ms columnas de una tabla.


Representa una columna de una tabla.
Representa el bloque de filas que describen los datos contretos de una
tabla.
Representa el bloque de filas que describen las etiquetas de columna de una
tabla.
Representa los bloques de filas que describen los resmenes de columna de
una tabla.

<tr>

Representa una fila de celdas en una tabla.

<td>

Representa una celda de datos en una tabla.

<th>

Representa una celda encabezado en una tabla.

Formularios
Elemento
<form>

Descripcin
Representa un formulario, consistendo de controles que puede ser
enviado a un servidor para procesamiento.

<fieldset>

Representa un conjunto de controles.

<legend>

Representa el ttulo de un <fieldset>.

<label>

Representa el ttulo de un control de formulario.

<input>

Representa un campo de datos escrito que permite al usuario o usuaria


editar los datos.

<button>

Representa un botn .

<select>

Represents un control que permite la seleccin entre un conjunto de


opciones.

Elemento

Descripcin

<datalist>

Representa un conjunto de opciones predefiniddas para otros controles.

<optgroup>
<option>
<textarea>

Representa un conjunto de opciones, agrupadas lgicamente.


Representa una opcin en un elemento <select>, o una sugerencia de
un elemento <datalist>.
Representa un control de edicin de texto multi-lnea.

<keygen>

Representa un control de par generador de llaves.

<output>

Representa el resultado de un clculo.

<progress>

Representa el progreso de finalizacin de una tarea.

Representa la medida escalar (o el valor fraccionario) dentro de un


<meter>

rango conocido.

Elementos interactivos
Elemento

Descripcin

<details>

Representa un widget desde el que un usuario o usuaria puede obtener


informacin o controles adicionales.

<summary>

Representa un resumen, ttulo o leyenda para un


elemento <details> dado.

<command>

Representa un comando que un usuario o usuaria puede invocar.

<menu>

Representa una lista de comandos .

Lista de Atributos
Nombre del
Atributo

accept

Elementos

Descripcin

<form>, <input>

Lista de tipos aceptados por el


servidor, usualmente un tipo de
archivo.

accept-charset

<form>

accesskey

Global attribute

action

<form>

Lista de juegos de caracteres


soportados.
Define una "tecla", que activa o
agrega un "foco", al elemento
La URL del programa que procesa la
informacin, enviado en el formulario

<applet>, <caption>, <col>,


<colgroup>, <hr>,<iframe>

align

, <img>, <table>, <tbody>,


<td>, <tfoot> , <th>, <thea

Especifica el alineamiento horizontal


del elemento

d>, <tr>

alt

<applet>, <area>, <img>, <

Texto alternativo en caso de que la

Nombre del
Atributo

async

autocomplete

autofocus

autoplay

Elementos

Descripcin

input>

imagen no se pueda mostrar.

<script>

<form>, <input>

<button>, <input>, <keygen


>, <select>,<textarea>

<audio>, <video>

Indica que el script debera ejecutarse


asincrnicamente.
Indica si los controles en este
formulario pueden tener por defecto
sus valores completados
automticamente por el navegador.
El elemento debera recibir foco
automticamente despus de haberse
cargado la pgina.
El audio o video debera empezar lo
antes posible.
Color de fondo del elemento.

<body>, <col>, <colgroup>,

bgcolor

<marquee>,<table>, <tbody
>, <tfoot>, <td>, <th>, <tr>

Nota: Este es un atributo por legado.


Por favorm usa CSS backgroundcolor property instead.
El ancho del borde.

border

buffered

<img>, <object>, <table>

<audio>, <video>

Nota: Este atributo se mantiene como


referencia. Se recomienda usar la
propiedad de CSS border.
Contiene un rango de tiempo de
multimedios ya almacenados en el
buffer.

challenge

<keygen>

charset

<meta>, <script>

checked

<command>, <input>

Una cadena de desafo que se enva


junto con la clave pblica.
Declara la codificacin de caracteres
de la pgina o del script.
Indica que el elemento debera estar
verificado al cargar la pgina.

Nombre del
Atributo
cite

class

Elementos

Descripcin

<blockquote>, <del>, <ins>,

Contiene una URI que apunta a la

<q>

fuente de la cita o cambio.

Global attribute

Usualmente empleado con CSS para


aplicar estilos a elementos con
propiedades en comun.

code

<applet>

Especifica la URL del archivo de tipo


applet a ser cargado y ejecutado.
Este atributo contiene la URL base

codebase

<applet>

del directorio donde los archivos de


applets (.class) referenciados en el
codigo se encuentran almacenados.
Este atributo configura el color de
texto usando un nombre de color o en

color

<basefont>, <font>, <hr>

formato hexadecimal #RRGGBB.


Nota: Este atributo se mantiene como
referencia. Se recomienda usar la
propiedad de CSS color.

cols

<textarea>

colspan

<td>, <th>

content

<meta>

Define el numero de columnas en un


textarea.
Define el numero de columnas que
una celda debe contener.
Un valor asociado con httpequiv o name dependiendo del

contexto.
contenteditable

contextmenu

Global attribute

Global attribute

Indica si el contenido del elemento es


editable.
Define el ID de un
elemento <menu> que servira como
menu de contexto para el elemento.

controls

<audio>, <video>

Indica si el explorador debe mostrar

Nombre del
Atributo

Elementos

Descripcin
controles de reproduccion al usuario.

coords
data

data-*

datetime

default

<area>

<object>

Global attribute

<del>, <ins>, <time>

<track>

Un conjunto de valores que


especifican las coordenadas del area.
Especifica la URL del recurso.

Permite asociar atributos


presonalizados a un elemento HTML.

Indica la fecha y hora asociadas con


el elemento.
Indica que la pista debe estar
habilitada a menos que las
preferencias del usuario indiquen algo
diferente.
Indica que el codigo debe ser

defer

<script>

ejecutado despues de que la pagina


este cargada.
Define la direccion del texto. Los

dir

Global attribute

valores permitidos son ltr (Izquierda-aDerecha) o rtl (Derecha-a-Left).


Indica la direccion del texto asociada

dirname

<input>, <textarea>

con el elemento al momento de enviar


el formulario.

<button>, <command>, <fie

disabled

ldset>, <input>,<keygen>,
<optgroup>, <option>, <sele

Infica si el usuario puede interactuar


con el elemento.

ct>,<textarea>

download

<a>, <area>

draggable

Global attribute

Indica que el hypervinculo es utilizado


para descargar un recurso.
Define si el elemento puede ser
arrastrado.

Nombre del
Atributo

Elementos

dropzone

Global attribute

enctype

<form>

Descripcin
Indica que el elemento acepta
contenido soltado en el mismo.
Define el tipo de contenido del
formulario cuando el metodo del
mismo es POST.

for

<label>, <output>

Indica el elemento al que describen y


pertenecen.

<button>, <fieldset>, <input


>, <keygen>,<label>, <met

form

er>, <object>, <output>,<pr


ogress>, <select>, <textarea

Indica el formulario al que pertenece


el elemento.

>

headers

<td>, <th>

<canvas>, <embed>, <ifram

height

e>, <img>, <input>,<object


>, <video>

IDs de los elementos <th> que


aplican a este elemento.
Nota: En algunos casos, como
los <div>, este es un atributo de
referencia, en donde se debe usar la
propiedad de css height. En otros
casos como <canvas>, la altura debe
ser especificada en este atributo.

hidden

Global attribute

Indica la visibilidad del elemento.

high

<meter>

Indica el menor valor del rango alto.

href

hreflang

<a>, <area>, <base>, <link


>
<a>, <area>, <link>

La URL de un recurso asociado.


Especifica el lenguaje del recurso
asociado.
Indica una directiva que puede alterar

http-equiv

<meta>

el comportamiento de la pagina y
como es leida por los exploradores.

icon

<command>

Especifica una imagen relacionada

Nombre del
Atributo

Elementos

Descripcin
con el comando.
Nota: el elemento <command> es
obsoleto y no se recomienda su uso.
Identificador el elemento para acceder

id

Global attribute

al mismo desde CSS o Javascript,


este indicador debe ser unico para
cada elemento.

ismap

<img>

Indica que la imagen es parte de un


mapa de imagen del servidor.

Indica que el elemento contiene el


itemprop

Global attribute

valor de la propiedad especificada de


un conjunto.
Especificar el tipo de clave se.

keytype

<keygen>

kind

<track>

Especifica el tipo de pista.

label

<track>

Especifica el titulo de la pista con un


formato legible por el usuario.

lang

Global attribute

language

<script>

Nota: RSA es el valor por defecto.

Define el lenguaje utilizado en el


elemento.
Define el lenguage (de programacin)
utilizado en el elemento.
Identifica una serie de valores

list

loop

<input>

<audio>, <bgsound>, <marq


uee>, <video>

predefinidos para ser sugeridos al


usuario.
Indica si el medio debe ser
reproducido desde el principio al llegar
al final.

Nombre del
Atributo

Elementos

Descripcin

low

<meter>

Indica el valor mas alto del rango bajo.

manifest

<html>

max

maxlength

media

<input>, <meter>, <progres


s>
<input>, <textarea>
<a>, <area>, <link>, <sourc
e>, <style>

Especifica la URL del manifiesto de


cache para el documento.
Indica el maximo valor aceptado.
Define el mayor numero de caracteres
aceptados.
Da un indicio del tipo de medio para el
cual el recurso vinculado fue creado.
Define el metodo a emplear para

method

<form>

enviar el formulario. Puede ser GET el


valor predeterminado es POST.

min

<input>, <meter>

Indica el valor minimo aceptado.

multiple

<input>, <select>

Indica si multiples valores pueden ser


ingresados.

<button>, <form>, <fieldset

name

>, <iframe>,<input>, <keyg

Nombre del elemento. Por ejemplo

en>, <object>, <output>,<s

utilizado por el servidor para identificar


los campos en el envio de formularios.

elect>, <textarea>, <map>,


<meta>, <param>

novalidate

<form>

Este atributo indica que el formulario


no debe ser validado antes de
enviarlo.

open

<details>

Indica si los detalles de la pagina


seran mostrados cuando cargue la
misma.

optimum

pattern

<meter>

Indica el valor numerico optimo.

<input>

Define una expresion regular con la


cual el valor del elemento debe ser
validado.

Nombre del
Atributo

Elementos

Descripcin
Indica si se enviara un ping o

ping

<a>, <area>

placeholder

<input>, <textarea>

poster

<video>

notificacion a la URL del recurso


cuando el usuario utlize el vinculo.
Da un indicio al usuario de que debe
ingresar en el elemento.
Una URL que indica un cuadro a
mostrar hasta que el usuario
reproduzca o navegue en el video.

preload

<audio>, <video>

Indica si el recurso o partes del mismo


deben ser precargadas.
Indica si esta fecha y tiempo

pubdate

<time>

concuerda con la fecha y tiempo


del <article> mas cercano
(ancestro).
Indica los nombres de los comandos
de tipo radio, que seran alternados si

radiogroup

<command>

el comando en si es alternado. Este


atributo debe ser omitido si el tipo de
comando no es radio.
Nota: el elemento <command> es
obsoleto y no se recomienda su uso.

readonly

<input>, <textarea>

Indica si el elemento puede ser


editado por el usuario.
Especifica la relacin que hay entre el

rel

required

reversed

<a>, <area>, <link>

objeto destino y aqul donde est el


vnculo.

<input>, <select>, <textarea

Indica si el elemento debe ser llenado

>

o no.

<ol>

Indica si la lista debe ser mostrada en


orden descendente en vez de
ascendente.

Nombre del
Atributo

Elementos

Descripcin

rows

<textarea>

Define el numero de filas del textarea.

rowspan

<td>, <th>

sandbox

<iframe>

spellcheck

Global attribute

scope

<th>

Define el numero de filas que una


celda de una tabla debe abarcar.
Lista de restricciones a ser
desactivadas en el iframe.
Indica si la correccion ortografica esta
abilitada para el elemento.
Define las celdas que la cabecera
definio en este elemento.
Indica si el estilo sera aplicado solo al

scoped

<style>

elemento inmediato superior (padre).


de no ser definido el estilo se aplicara
de forma global.

seamless

<iframe>

selected

<option>

Indica si el iframe debe ser cargado


como parte del mismo documento.
Define el valor que sera seleccionado
dentro del select al cagar la pagina.
Define una regin seleccionable para
hacer hipervnculos asociados con

shape

<a>, <area>

una forma asociada a una figura para


crear un mapa. Los valores para este
atributo son: circle, defaul, plygon y
rect.
Define el largo del elemento (en

size

<input>, <select>

pixeles). Si
el type es text o password entonce
s es el numero de caracteres.

sizes

<link>

span

<col>, <colgroup>

Define los tamaos en los que el icono


puede ser cargado.
Indica el nmero de columnas que se
agrupan.

Nombre del
Atributo

Elementos

Descripcin

<audio>, <embed>, <iframe

src

>, <img>, <input>,<script>,

La URL del contenido integrable.

<source>, <track>, <video>

srcdoc

<iframe>

srclang

<track>

start

<ol>

step

<input>

Especifica el contenido de la pagina


incluida.
Especifica el lenguaje del contenido
de la pista.
Define el numero inicial de la lista (si
es diferente a 1).
Indica el valor del incremento para un
valor numerico o de fecha.
Define los estilos CSS que

style

Global attribute

sobreescribiran los estilos


previamente definidos para el
elemento.

Contiene una descripcion del


contenido de la tabla.
summary

<table>

tabindex

Global attribute

Sobrescribe el orden de tabulacion del


navegador y usa el especificado.

target

<a>, <area>, <base>, <for

Especifica el marco destino en un

m>

vnculo.

Nota: Este atributo ha sido


desaprovado, se recomienda incluir un
elemento <caption> en la tabla.

Valores especiales: "_blank" indica


una nueva ventana, "_parent" indica el
marco padre del marco que contiene
el cdigo fuente, "_self" indica el
marco donde est el cdigo fuente y

Nombre del
Atributo

Elementos

Descripcin
"_top" indica la ventana completa del
navegador.

title

Global attribute

Texto a ser mostrado cuando el cursor


este sobre el elemento.

<button>, <input>, <comma

type

nd>, <embed>,<object>, <s


cript>, <source>, <style>, <

Define el tipo de elemento.

menu>

Indica la URL parcial de un image map


asociado con el elemento.
usemap

<img>, <input>, <object>

Nota: este atributo no puede ser


usado si el elemento <img> deciende
de un <button>o <a>

<button>, <option>, <input

value

>, <li>, <meter>,<progress


>, <param>

<canvas>, <embed>, <ifram

width

e>, <img>, <input>,<object


>, <video>

Define el valor predeterminado a ser


mostrado al cargar la pagina.
Nota: En algunos casos, como
los <div>, este es un atributo de
referencia, en donde se debe usar la
propiedad de css height. En otros
casos como <canvas>, la altura debe
ser especificada en este atributo.
Indica la forma en la cual el texto debe
ser envuelto.

wrap

<textarea>

Valores aceptados: hard y soft.


Valor predeterminado: soft.

Potrebbero piacerti anche