You are on page 1of 8

<html> Contenedor principal

METADATOS DEL DOCUMENTO


<head> Sección de encabezado del documento

<title> Título del documento

<base> URI base para resolver URIs relativos

<link> Información relacional para el documento

<meta> Variable para el documento

<style> Atributos presentacionales

SECCIONES
<body> El cuerpo del documento

<article> Contenido redistribuible

<section> Define una sección

<nav> Sección de navegación

<aside> Contenido sólo ligeramente relacionado

<h1> Encabezado de nivel 1

<h2> Encabezado de nivel 2

<h3> Encabezado de nivel 3

<h4> Encabezado de nivel 4

<h5> Encabezado de nivel 5

<h6> Encabezado de nivel 6

<hgroup> Agrupa encabezados consecutivos

<header> El encabezado de una sección

<footer> El pie de una sección


<address> Información de contacto del autor

AGRUPACIÓN DE CONTENIDO
<p> Párrafo

<hr> Separador de contenido

<pre> Bloque de texto preformateado

<blockquote> Cita en forma de bloque

<ol> Lista ordenada

<ul> Lista no ordenada

<menu> Inserta una barra de menú

<li> Ítem de una lista

<dl> Lista de descripciones

<dt> Término en una lista de descripciones

<dd> Descripción en una lista de descripciones

<figure> Información autocontenida

<figcaption> Título para una figura

<main> Contenido principal de una sección

<div> Contenedor genérico para bloques de texto

SEMÁNTICA DE TEXTO
<a> Hypervínculo

<em> Texto con énfasis

<strong> Texto con énfasis fuerte

<small> Comentario secundario

<s> Contenido que ya no es preciso o relevante

<cite> Cita o referencia


<q> Cita en forma de línea

<dfn> Término definifo en el texto circundante

<abbr> Término abreviado

<ruby> Texto con anotaciones Ruby

<rt> Anotación Ruby

<rp> Texto a ser ignorado por anotaciones Ruby

<data> Información apta para programas

<time> Fecha y/u hora

<code> Código de computadora

<var> Instancia de una variable

<samp> Ejemplo de la salida de un programa

<kbd> Texto ingresado por el usuario

<sub> Texto en subíndice

<sup> Texto en superíndice

<i> Texto desplazado de la prosa normal

<b> Texto desplazado del contenido circundante

<u> Anotaciones no textuales

<mark> Marca texto en otro documento

<bdi> Aisla texto para el formateo bidireccional

<bdo> Anula el algoritmo bidireccional

<span> Contenedor genérico para líneas de texto

<br> Quiebre de línea

<wbr> Oportunidad de quiebre de línea

EDICIÓN
<ins> Texto agregado

<del> Texto eliminado

CONTENIDO INCRUSTADO
<picture> Imagen con mútiples orígenes

<source> Recurso de medios alternativo

<img> Imagen

<iframe> Contexto de navegación anidado

<embed> Inserta aplicaciones externas

<object> Inserta aplicaciones externas

<param> Parámetro para una aplicación externa

<video> Video

<audio> Audio

<track> Pista de texto para videos

<map> Mapa de imagen del lado cliente

<area> Sector en un mapa de imagen

INFORMACIÓN TABULADA
<table> Tabla

<caption> El título de una tabla

<colgroup> Groupo de columnas

<col> Establece atributos para columnas

<tbody> Cuerpo de la tabla

<thead> Encabezado de la tabla

<tfoot> Pie de la tabla

<tr> Fila
<td> Celda común

<th> Celda de encabezado

FORMULARIOS
<form> Formulario

<label> Etiqueta de un control

<input> Control de entrada

<button> Botón

<select> Lista de opciones

<datalist> Sugerencias para los controles

<optgroup> Grupo de opciones en una lista

<option> Una opción en una lista

<textarea> Campo de texto multilínea

<output> La salida de un proceso

<progress> El progreso de una tarea

<meter> Una medida

<fieldset> Grupo de controles

<legend> El título de un grupo de controles

ELEMENTOS INTERACTIVOS
<details> Contenido desplegable

<summary> Un resumen del contenido desplegable

<dialog> Cuadro de diálogo

PROGRAMAS
<script> Incrusta programas

<noscript> Contenido alternativo para programas


<template> Plantilla para contenido a ser agregado

<slot> Espacio en componentes para insertar contenido

<canvas> Contenedor para gráficos dinámicos


etiqueta cierre atributo explicación
<!-- --> Añadir un comentario no visible.

<a> </a> Establece un vínculo.


href Dirección del vínculo.
name Establece un ancla.
Establece el destino del vínculo: _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 vínculo cuando está activado.
background Para colocar una imagen de fondo.
bgcolor Para establecer un color de fondo.
link Modifica el color del vínculo antes de estar activado.
vlink Modifica el color del vínculo cuando ya ha sido visitado.
<br> Salto de línea.
<caption> </caption> Establece el título de una tabla. Dentro de <table>.
<center> <center> Centra en horizontal.
<dd> La definición del término. Dentro de <dl>
<dl> </dl> Listado de términos y sus definiciones.
<dt> </dt> Término para ser definido. Dentro de <dl>
<font> </font> Fuente.
size Tamaño de la fuente.
color Color
face Tipo de letra.
<form> </form> Formulario
action ="mailto:la_dirección_de_correo"
method ="post"
enctype ="text/plain"
<frame> </frame> Marco.
name Nombre que se le da para referirse después a él.
Establece qué documento se va a cargar inicialmente
src
en el marco.
frameborde
Indica si habrá o no borde entre los marcos.
r
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 Número de columnas.
rows Número de filas.
Encabezado de primer orden.Hay otros 5:
<h1> </h1>
<h2><h3><h4><h5><h6>
<head> </head> Cabecera del documento.
<hr> Línea de separación horizontal.
align Alineación de la línea.
noshade Sin efecto tridimensional.
size Grosor de la línea.
width Anchura de la línea.
<html> </html> Apertura y cierre del código.
<i> </i> Letra cursiva.
<iframe> </iframe> Marco en línea. Carga en un marco otra página.
Nombre que se le da al espacio para posteriores
name
referencias.
src Establece qué documento se carga inicialmente.
frameborde
Establece si habrá o no borde de separación.
r
<img> Inserta una imagen.
alt Texto alternativo a la imagen.
Establece si va a tener borde o no, cuando sirva de
border
vínculo.
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> Párrafo nuevo.
<sub> </sub> Subíndice.
<sup> </sup> Superíndice.
<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 Separación entre el borde de la tabla y el contenido.
cellspacing Separación entre las celdas.
width Establece el ancho de la tabla.
<td> </td> Celda de una tabla.
Establece la alineación 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 alineación vertical: top, middle, bottom.
width Establece el ancho de la celda.
<th> </th> Titular de la columna de una tabla. Dentro de <tr>.
<title> </title> Establece el nombre del documento. Dentro de <head>
<tr> </tr> Fila de una tabla.
<u> </u> Subrayado.
<ul>