Você está na página 1de 28

GUA RPIDA DE COMANDOS HTML

El HTML (HIPERTEXT MAKE UP LENGUAGE), son comandos con los que se


desarrollan las pginas WEB.

A continuacin hay una lista con algunos de los comandos usados en HTML.

DESCRIPCIO COMENTARIOS
INICIO FINAL
N

Obligatorias

Toda la codificacin
Principio de
<html> </html> debe estar incluida en
Documento
estas etiquetas

Dentro del
Encabezado <head> </head> encabezado se
encontrar el ttulo.

Es el texto que
Ttulo <title> </title> aparece en la barra de
ttulos del navegador

Cuerpo <body> </body> Cuerpo de la pgina

Para toda la pgina

Color de <body bgcolor="#RRVVAA"> Permite colocar un


Fondo color uniforme de
fondo a toda la
pgina. Este color
estar formado por 3
nmeros
hexadecimales que
indiquen:

RR = tonalidad de
color rojo

VV = tonalidad del
color verde

AA = tonalidad del
color azul

nombreimagen.gifde
ber reemplazarse por
<body
Imagen de el nombre de la
background="nombreimagen.gif
Fondo imagen. Se
">
recomienda utilizar
formatos .gif o .jpg

Permite definir los


<body text="#RRVVAA" colores que se
Colores de
Link ="#RRVVAA" aplicarn en forma
texto color de
Vlink ="#RRVVAA" genrica para el texto
enlaces
Alink ="#RRVVAA" como para los
enlaces
enlaces. El color est
visitados
representado por un
nmero hexadecimal

Permite definir un
estilo de fuente, color,
Estilos <style> </style>
tamao, etc para todo
el documento.

Meta <meta </meta> Permite definir


name="description" propiedades internas
content="comentarios" del documento.
name="keywords" Name =
content="palabra1 palabra2 ... "description"
content = Ser el
resumen con que se
publicar en el
buscador. No utilizar
ms de 25 palabras"
Name = "keywords"
palabran">
content = "podrn
definirse palabras
claves para que
nuestro documento
sea encontrado por los
buscadores"

Ejecuta un archivo de
sonido.

xx.wav se debe
<bgsound reemplazar por el
nombre del
src="xx.wav" archivo; loop nindica
la cantidad de veces
loop=infinite/n> que se repetir.
<embed
La etiqueta Embed
src="xx.wav" con sus propiedades,
Sonido
se utiliza por las
width=200 height=55 incompatibilidades de
los navegadores.
autostart="true"
Con esta opcin
loop="true" aparece una consola
cuyas dimensiones se
hidden="true"> definen
con Widtho Height y
que puede ocultarse
con Hidden =
"true"

Presentacin de texto

Encabezamien <h1><h2>....<h6> </h1></h2>....</h Opciones de formato


de texto para
tos 6>
encabezados,

Negrita <b> </b> Coloca el texto


incluido con stos
Cursiva <i> </i> formatos.

Subrayado <u> </u>

El texto estar
Parpadeo <blink> </blink>
parpadeante

Grande <big> </big> Agranda el texto

Pequea <small> </small> Disminuye el texto

Subndice <sub> </sub> Representa el texto


sobre el rengln o
Superndice <sup> </sup> bajo el rengln.

Permite colocar un
color a la fuente. El
Color del
<font color="#RRVVAA"> </font> color est
Texto
representado por un
nmero hexadecimal.

Define un tamao de
fuente
especfico. nrepre-
Tamao del
<font size="n"> </font> senta un nmero del 0
Texto
al 7 al que luego
podrn agregarle los
signos + o -

Tipo de fuente <font face="nombre de fuente"> </font> Permite definir un


nombre de Fuente
especfico.

Formato de fuente
Estilo de
<tt> </tt> Courier de tamao
fuente
menor (Typewriter)

Formato de fuente
Texto tipo Courier. Se
<pre> </pre>
preformateado representan los
espacios en blanco

Permite que un texto


tenga movimiento.
Pueden agregarse
atributos para
Texto en
<marquee>(texto) </marquee> dimensionar la
Movimiento
marquesina, para
alinear el texto, para
modificar tamao,
fuente y color.

Traza un lnea
Lnea No utiliza horizontal cuyo
<hr="n">
Horizontal etiqueta de cierre grosor est
representado por n

Espacio en No utiliza Representa un espacio


&nbsp
Blanco etiqueta de cierre en blanco.

Comentarios que no
Comentario <!- comentario> -> sern visibles en la
pantalla.

Caracteres Escribo Para ver Permiten que los


especiales caracteres especiales
sean ledos por todos
&lt; < los navegadores en
sus distintas
versiones.
&gt; >

La escritura de cada
&amp; & carcter comienza con
el signo ampersand
(&) y debe terminar
&quot; " con punto y coma (;)

&aacute;
En esta tabla vemos
como escribir algunos
&eacute; smbolos, signos, las
letras y , y las
vocales acentuadas en
mayscula y
&iacute minscula.

&oacute;

&uacute;

&Aacute;

&Eacute;

&Iacute;

&Oacute;

&Uacute;
&ntilde;

&Ntilde;

&uuml;

&Uuml;

&#191;

&#161;

Presentacin de prrafos

<center> </center> Todo texto que se


escriba entre estas
Alineaciones <left> </left> etiquetas sufrir esa
alineacin .
<right> </right>

Se utiliza para
Sangra <blockquote> </blockquote>
destacar una cita.

Realiza la separacin
Parrafo <p align= entre prrafos, y la
</p>
center*left*right*justify> alineacin de estos.

Renglones en <br> Permite dejar


blanco
renglones en blanco

Tratamiento de imgenes

Permite insertar una


imagen en la pgina
que estamos
diseando. El archivo
Imagen de la imagen deber
<img src="nombreimagen.gif">
Individual estar ubicado en la
misma carpeta que la
pgina, caso contrario
se deber indicar su
ruta de acceso

Coloca un texto que


podr leerse al pasar
Texto de la <img src="nombreimagen.gif" el puntero del ratn
imagen alt="texto"> sobre la imagen o
cuando sta no se
carga.

Indicar la posicin
en que ubicaremos al
texto que acompaa a
<img src="nombreimagen.gif"
Alineacin del la imagen
texto
align= top * middle * bottom>
Top Arriba
*Middle Medio
*Bottom Abajo

Define el tamao de
la imagen
Ancho <img src="nombreimagen.gif"
width="n" Width = ancho
Alto height="n"> * height = altura n =
ser un valor en
pixeles
<img dynsrc="archivi.avi" Permite agregar
Videos loop=infinite controls archivos de video.
start= mouseover>

Listas

Se utiliza cuando las


opciones deben ser
<ol type= A * a * I * i start=n>
numerados. La opcin
<lh> ttulo de la lista </lh>
Lista typerepresentan
<li> Primera opcin </ol>
numerada nmero o letras
<li> Segunda opcin
ystart indicar el
<li> Tercera opcin
nmero con que
inicia.

Se utiliza cuando las


<ul type=square * circle * disk>
opciones no presentan
<lh> ttulo de la lista </lh>
Lista no un orden
<li> Primera opcin </ul>
ordenada determinado. La
<li> Segunda opcin
opcin typerepresenta
<li> Tercera opcin
la vieta.

<dl> Se utiliza cuando las


<lh> ttulo de la lista </lh> opciones llevan un
<dt> Primer tema ttulo y una definicin
Lista con <dd> Primer detalle
</dl>
sangrado <dd> Segundo detalle
<dt> Segundo tema
<dd> Tercer detalle
<dd> Cuarto detalle

Enlaces o Links

Enlace a otro <a href="xxx"> yyy </a> xxx se debe


URL reemplazar por la
direccin URL
destino del enlace.
yyy es el texto
indicativo que se leer
en la pgina.

Te permite un enlace
Enlace a un <a href = "mailto:direccin e-
directo a tu cliente de
mail"> texto indicativo del </a>
correo
e-mail enlace
predeterminado

Marca para Referencia una


enlace dentro posicin a la que
de la misma <a href="#marca"> Texto de luego se acceder.
</a>
pgina enlace al ancla
(Ancla -
Anchor)

Enlaza una posicin


Localizar <a name="marca"> texto del previamente marcada,
</a>
enlace anterior ancla dentro de la misma
pgina

Enlace a otra Enlaza a la posicin


pgina con <a href="ab.htm#marca"> texto establecida en marca,
</a>
marca, dentro indicativo del enlace en la pgina ab.htm
del mismo sitio

Enlace con <a href="xxx"><img </a> xxx se debe


imagenes src="nombreimagen.gif"> reemplazar por la
direccin URL
destino del enlace.

nombreimagen.gifse
debe reemplazar por
el nombre de imagen
seleccionado

Enlaza a la direccin
URL haciendo un
click sobre la imagen.

Tablas

Definicin <table> </table> Crea una tabla

<table border=n n = representa al


Bordes bordercolor="#RRVVAA"> grosor del borde.
Tambin se podr
Color de especificar el color
Bordes del borde

Las celdas podrn


separarse por
Separacin
<table cellspacing=n> el nvalor
entre celdas

El contenido podr
Separacin
estar separado del
entre el borde <table cellpadding=n>
borde por el valor
y el contenido
indicado en n

Se puede establecer
Alto <table height=n o porcentaje un valor o un
porcentaje para
ancho width=n o porcentaje> definir el tamao de la
tabla

Color de <table bgcolor="#RRVVAA" Se puede establecer


Fondo o background="imagen.gif"> un color de fondo de
toda la tabla o colocar
Imagen de una imagen de fondo
Fondo
<caption Posibilita colocar un
ttulo a la tabla
Ttulo </caption>
align=top * bottom> texto del alineadotop=arriba
ttulo obottom=abajo

Por cada fila que


tenga la tabla deber
utilizarse esta
<tr etiqueta: se podr
Definicin de align=left*center*right establecer la
</tr>
filas valign=top*middle*bottom alineacin del
bgcolor="#RRVVAA"> contenido, la
ubicacin dentro de la
fila y el color de
fondo.

<th Permite definir los


align=left*center*right*justify*d nombres de las
Definicin de
ecimal </th> columnas.
ttulos
valign=top*middle*bottom*basel
ine bgcolor="#RRVVAA">

<td Coloca contenidos a


Definicin de align=left*center*right*justify*d cada celda
datos o ecimal </td>
contenidos valign=top*middle*bottom*basel
ine bgcolor="#RRVVAA">

Celda que Se puede combinar


ocupa muchas <td rowspan=numero de filas> </td> una celda para que
filas ocupe muchas filas.

Celda que <td colspan=numero de </td> Se puede combinar


ocupa muchas columnas> una celda para que
columnas ocupe muchas
columnas.

Formularios

Inicia un formulario.
Se utiliza para la
Definicin <form>
entrada o el envo de
datos.

<form Enva la respuesta


action="mailto:direccion@email" inmediatamente a la
Acciones method=post direccin especificada
enctype="text/plain">Texto en formato de texto.
referente

Ingresa un objeto
dentro del formulario,
se deber definir el
tipo de objeto, el
nombre del campo
<input
formulario, el valor
type="text"
inicial que se le
name="nombre del campo
Introduccin asigna, el tamao
formulario"
de datos mximo de
value="asignacin de un dato"
visualizacin del
size="nmero"
campo y el tamao
maxlenght="nmero">
mximo de caracteres
que puede tener ese
campo.
Con el type = "text"
no se asigna Value

Opciones de button checkbox = se


type checkbox visualiza un cuadro de
file verificacin, si
hidden deseamos que
image aparezca tildado
password agregamos CHECKE
radio D.
password = el
ingreso se representa
con asteriscos.
radio = visualiza
botones de radio y
permite que el usuario
elija una opcin entre
varias. Se agregan
tantos input como
opciones deseamos.
reset
submit reset = visualiza un
text botn que al hacerle
click borrar los
datos.
submit = visualiza un
botn que al hacerle
click enviar los
datos.
text = crea un campo
para ingresar
caracteres alfa-
numricos

<textarea Permite ingresar un


Ingreso de un
name="nombre del campo texto extenso, por
texto que
formulario" </textarea> ejemplo comentarios
ocupa muchas
rows="cantidad de filas"
lneas
cols="cantidad de columnas">

<select name="nombre del Permite optar por los


Ingreso por campo formulario"> datos de un men
medio de un <option>1 opcin </select>
men <option>2 opcin
<option>3 opcin

Frames o Marcos

Definicin <frameset> </frameset> Inicia la definicin de


un frame.

Define dos frame en


columnas ocupando
uno el 20% de la
Frames en <frameset cols="20%,80%"> pantalla y el otro el
columnas 80% restante.
Frame en filas <frameset rows="30%,70%> Define dos frame en
filas ocupando una el
30% de la pantalla y
la otra el 70% restante

Define en que frame


se cargar cada
pgina.
<frame src="frame1.htm"> Se asignar
Contenido de
<frame src="frame2.htm" unname en este
cada frame
name="principal"> casoprincipal para
indicar que se
visualicen all los
futuros enlaces

Se utiliza como
atributo de un enlace
e indica en que frame
deber visualizarse
ese enlace.
"_ blank" = se abrir
una nueva ventanadel
navegador y se
Destino del
target="principal" visualizar en ella.
frame
"_self" = el enlace se
carga en el propio
frame.
"_top" = el enlace se
carga a pantalla
completa en la misma
ventana, suprimiendo
los otros frame.
Border = 0 indica que
no habr huecos de
separacin entre
frames (para
Netscape).
frameborder =
Atributos del border=0 0indica que no habr
tag frameset frameborder=0 borde de separacin
framespacing=0 entre frames.
framespacing =
0indica que no habr
huecos de separacin
entre frames (para
Explorer).

Frameborder
=elimina los bordes
de un frame
marginwidth ymargi
nheight = definen el
ancho y alto de los
frameborder="no"
margenes del frame.
marginheight="nmero"
name = define el
marginwidth="nmero"
Atributos del nombre del frame.
name="nombre del frame"
tag frame
noresize
Noresize = indica que
scrolling="yes/no/auto"
el fram no podr
src="direccin.htm"
redimensionarse.
scrolling = inidca si
tendr o no barra de
desplazamiento.
src = indica el
contenido del frame.

Si el frame no <noframes> </noframes> Si el navegador no


puede cuenta con la
visualizarse posibilidad de incluir
Frames, con este tag
puede definirse una
direccin alternativa.
Se coloca luego de los
tag FRAME y llevan
dentro un texto
definifo entre los tag
<body> </body>

Aviso legal | Poltica de privacidad | Mapa del sitio


Ing.Wellingthon Montilla Pujols Repblica Dominicana.
Inicia sesin
Jimdo

Esta pgina web ha sido creada con Jimdo. Regstrate ahora gratis en
https://es.jimdo.com!

OTRA
INFORMACION
resumen de etiquetas y atributos
etiqueta cierre atributo explicacin
<!-- --> Aadir un comentario no visible.

<a> </a> Establece un vnculo.


href Direccin del vnculo.
name Establece un ancla.
Establece el destino del vnculo: _blank, _self, _top,
target
_parent, o "definido"
<b> </b> Texto en negrita.
<blockquote> </blockquote> Sangrado.
<body> </body> Parte visible en pantalla del documento.
alink Modifica el color del vnculo cuando est activado.
background Para colocar una imagen de fondo.
bgcolor Para establecer un color de fondo.
link Modifica el color del vnculo antes de estar activado.
Modifica el color del vnculo cuando ya ha sido
vlink
visitado.
<br> Salto de lnea.
<caption> </caption> Establece el ttulo de una tabla. Dentro de <table>.
<center> <center> Centra en horizontal.
<dd> La definicin del trmino. Dentro de <dl>
<dl> </dl> Listado de trminos y sus definiciones.
<dt> </dt> Trmino para ser definido. Dentro de <dl>

<font> </font> Fuente.

size Tamao de la fuente.


color Color
face Tipo de letra.
<form> </form> Formulario
action ="mailto:la_direccin_de_correo"
method ="post"
enctype ="text/plain"
<frame> </frame> Marco.
name Nombre que se le da para referirse despus a l.
Establece qu documento se va a cargar inicialmente
src
en el marco.
frameborder Indica si habr o no borde entre los marcos.
Si se escribe, el navegante no puede redimensionar los
noresize
marcos.
scrolling Establece si habr o no barra de scrolling.
<frameset> </frameset> Estructura de los marcos.
cols Nmero de columnas.
rows Nmero de filas.
Encabezado de primer orden.Hay otros 5:
<h1> </h1>
<h2><h3><h4><h5><h6>
<head> </head> Cabecera del documento.
<hr> Lnea de separacin horizontal.
align Alineacin de la lnea.
noshade Sin efecto tridimensional.
size Grosor de la lnea.
width Anchura de la lnea.
<html> </html> Apertura y cierre del cdigo.
<i> </i> Letra cursiva.
<iframe> </iframe> Marco en lnea. Carga en un marco otra pgina.
Nombre que se le da al espacio para posteriores
name
referencias.
src Establece qu documento se carga inicialmente.
frameborder Establece si habr o no borde de separacin.
<img> Inserta una imagen.
alt Texto alternativo a la imagen.
Establece si va a tener borde o no, cuando sirva de
border
vnculo.
height Altura de la imagen.
width Ancho de la imagen.
src Establece qu imagen se va a insertar.
<li> Componente de una lista. Dentro de <ul> o de <ol>
<ol> </ol> Lista numerada de objetos.
<p> </p> Prrafo nuevo.
<sub> </sub> Subndice.
<sup> </sup> Superndice.
<table> </table> Tabla.
align Alinea la tabla: center, right, left
bgcolor Establece el color de fondo de la tabla.
border Establece un borde a la tabla
cellpadding Separacin entre el borde de la tabla y el contenido.
cellspacing Separacin entre las celdas.
width Establece el ancho de la tabla.
<td> </td> Celda de una tabla.
Establece la alineacin del texto dentro de la celda:
align
left, center, right.
bgcolor Establece el color de fondo para la celda.
colspan Extiende la celda sobre varias columnas.
height Establece la altura de la celda.
rowspan Extiende la celda sobre varias filas.
valign Establece la alineacin vertical: top, middle, bottom.
width Establece el ancho de la celda.
<th> </th> Titular de la columna de una tabla. Dentro de <tr>.
Establece el nombre del documento. Dentro de
<title> </title>
<head>
<tr> </tr> Fila de una tabla.
<u> </u> Subrayado.
<ul> </ul> Lista no numerada de objetos.

2002 a 2006 manual de lenguaje html ngel R. Puente Prez

OTRA INFORMACION
Lista de Elementos HTML5
En este artculo

1. Elemento raz

2. Metadatos del documento

3. Scripting

4. Secciones

5. Agrupacin de Contenido

6. Semntica a nivel de Texto

7. Ediciones

8. Contenido incrustado

9. Datos tabulares

10. Formularios

11. Elementos interactivos

12. Ver tambin

Este articulo necesita una revisin tcnica. Cmo puedes ayudar.

Todos los elementos del estandar HTML5 estn listados aqu, descritos por su etiqueta de
apertura y agrupados por su funcin. Contrariamente al indice de elementos HTML el cual
lista todas las posibles etiquetas, estandar, no-estandar, vlidas, obsoletas o aquellas en
desuso, esta lista solamente los elementos vlidos de HTML5. Solamente aquellos
elementos listados aqu son los que deberan ser usados en nuevos sitios Web.

El simbolo indica que el elemento fue aadido en HTML5. Ntese que otros
elementos listados aqui pueden haber sido modificados o extendido en su significado por la
especificacin HTML5.

Elemento raz
Elemento Descripcion
<!doctype html> Define que el documento esta bajo el estandar de HTML 5
Elemento Descripcin
<html>
Representa la raz de un documento HTML o XHTML. Todos los dems
elementos deben ser descendientes de este elemento.

Metadatos del documento


Elemento Descripcin
<head>
Representa una coleccin de metadatos acerca del documento, incluyendo
enlaces a, o definiciones de, scripts y hojas de estilo.
Define el ttulo del documento, el cual se muestra en la barra de ttulo del
<title> 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> Define los metadatos que no pueden ser definidos usando otro elemento HTML.
<style> Etiqueta de estilo usada para escribir CSS en lnea.

Scripting
Elemento Descripcin
<script>
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
Representa el contenido principal de un documento
<body> HTML. Solo hay un elemento <body> en un
documento.
Define una seccin en un documento.
<section>
Define una seccin que solamente contiene enlaces de
<nav> navegacin
Define contenido autnomo que podra existir
<article> independientemente del resto del contenido.
Define algunos contenidos vagamente relacionados
con el resto del contenido de la pgina. Si es
<aside> removido, el 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
Elemento Descripcin
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
<header>
Web y una tabla de navegacin de contenidos.
Define el pie de una pgina o seccin. Usualmente
contiene un mensaje de derechos de autora, algunos
<footer> enlaces a informacin legal o direcciones para dar
informacin de retroalimentacin.
<address>
Define una seccin que contiene informacin de
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.
<pre>
Indica que su contenido esta preformateado y que este formato debe 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.
Representa una figura ilustrada como parte del documento.
<figure>
<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.
Elemento Descripcin
<em> Representa un texto enfatizado , como un acento de intensidad.
<strong> Representa un texto especialmente importante .
Representa un comentario aparte , es decir, textos como un descargo de
<small> 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.
<dfn>
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.
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
<data>
versin de la W3C de HTML5).
Representa un valor de fecha y hora; el equivalente legible por mquina
<time> puede ser representado en el atributo datetime.
<code> Representa un cdigo de ordenador .
Representa a una variable, es decir, una expresin matemtica o contexto de
<var>
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.
<samp> Representa la salida de un programa o un ordenador.
Representa la entrada de usuario, por lo general desde un teclado, pero no
<kbd> necesariamente, este puede representar otras formas de entrada de usuario,
como comandos de voz transcritos.
<sub>,<sup> Representan un subndice y un superndice, respectivamente.
Representa un texto en una voz o estado de nimo alterno, o por lo menos de
<i> 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.
Representa texto resaltado con propsitos de referencia, es decir por su
<mark> relevancia en otro contexto.

Representa contenidos a ser marcados con anotaciones ruby, recorridos


cortos de texto presentados junto al texto. Estos son utilizados con
<ruby> regularidad en conjunto a lenguajes de Asia del Este, donde las anotaciones
actan como una gua para la pronunciacin, como el furigana Japons.
Elemento Descripcin
Representa el texto de una anotacin ruby .
<rt>
Representa los parntesis alrededor de una anotacin ruby, usada para
mostrar la anotacin de manera alterna por los navegadores que no soporten
<rp>
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
<bdi>
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.
Representa texto sin un significado especfico. Este debe ser usado cuando
<span> 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.
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
<wbr>
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
HTML embebido.
<embed>
Representa un punto de integracin para una aplicacin o contenido
interactivo externo que por lo general no es HTML.

<object>
Representa un recurso externo, que ser tratado como una imagen, un 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 especificar recursos multimedia alternativos para los
Elemento Descripcin
elementos multimedia como <video> o <audio>.
<track>
Permite a autores 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.
Define una imagen vectorial embebida.
<svg>
<math>
Define una frmula matemtica.

Datos tabulares
Elemento Descripcin
<table> Representa datos con ms de una dimensin.
<caption> Representa el ttulo de una tabla.
<colgroup> Representa un conjunto de una o ms columnas de una tabla.
<col> Representa una columna de una tabla.
<tbody> Representa el bloque de filas que describen los datos contretos de una tabla.
<thead>
Representa el bloque de filas que describen las etiquetas de columna de una
tabla.
<tfoot>
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 Descripcin
<form>
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 editar los
Elemento Descripcin
datos.
<button> Representa un botn .
<select>
Representa un control que permite la seleccin entre un conjunto de
opciones.
<datalist>
Representa un conjunto de opciones predefiniddas para otros controles.

<optgroup> Representa un conjunto de opciones, agrupadas lgicamente.


<option>
Representa una opcin en un elemento <select>, o una sugerencia de un
elemento <datalist>.
<textarea> Representa un control de edicin de texto multi-lnea.
Representa un control de par generador de llaves.
<keygen>

Representa el resultado de un clculo.


<output>
<progress>
Representa el progreso de finalizacin de una tarea.

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


<meter> conocido.

Elementos interactivos
Elemento Descripcin
<details>
Representa un widget desde el que un usuario 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 puede invocar.

Representa una lista de comandos .


<menu>

Ver tambin
Un conjunto de documentos sobre HTML5.

La referencia de todos las etiquetas HTML, incluso elementos no validos en


HTML5.

Otra manera de listar las etiquetas: la Tabla Periodica de elementos HTML5 por
Josh Duck.
Te result til este artculo?

Gracias!

Etiquetas y colaboradores del documento


Colaboradores en esta pgina: raecillacastellana, maymaury, squidjam, on3_g
ltima actualizacin por: raecillacastellana, 20 ago. 2016 7:36:46

Aprender lo mejor del desarrollo web


Subscrbete a nuestro boletn:

Correo electrnico

Por ahora, el boletn solo est disponible en ingls.

Mozilla Developer Network y colaboradores individuales de 2005-2017 .

El contenido est disponible bajo estas licencias.

Acerca de MDN

Condiciones

Privacidad

Cookies

Contribuir en el cdigo

Otros idiomas:

Você também pode gostar