El resto de los TAGS necesarios han sido visto en los ejercicios resueltos en clase, por lo que el alumno deberá
conocerlos
Elemento Descripción
Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser
<html>
descendientes de este elemento.
Metadatos del documento
Elemento Descripción
Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de,
<head>
scripts y hojas de estilo.
Define el título del documento, el cual se muestra en la barra de título del navegador o en las pestañas de
<title>
página. Solamente puede contener texto y cualquier otra etiqueta contenida no será interpretada.
<base> Define la URL base para las URLs relativas en la página.
<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 línea.
Scripting
Elemento Descripción
Define ya sea un script interno o un enlace hacia un script externo. El lenguaje de programación es
<script>
JavaScript
Elemento Descripción
<noscript> Define un contenido alternativo a mostrar cuando el navegador no soporta scripting.
Secciones
Elemento Descripción
Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un
<body>
documento.
< > Define una sección en un documento.
<nav> Define una sección que solamente contiene enlaces de navegación
<article> Define contenido autónomo que podría existir independientemente del resto del contenido.
Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si es
<aside>
removido, el contenido restante seguirá teniendo sentido
<h1>,<h2>, Los elemento de cabecera implementan seis niveles de cabeceras de documentos; <h1> es la de mayor
<h3>,<h4>, y <h6> es la de menor impotancia. Un elemento de cabecera describe brevemente el tema de la sección
<h5>,<h6> que introduce.
Define la cabecera de una página o sección. Usualmente contiene un logotipo, el título del sitio Web y una
<header>
tabla de navegación de contenidos.
Define el pie de una página o sección. Usualmente contiene un mensaje de derechos de autoría, algunos
<footer>
enlaces a información legal o direcciones para dar información de retroalimentación.
<address> Define una sección que contiene información de contacto.
Elemento Descripción
Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en el
<main>
documento.
Agrupación de Contenido
Elemento Descripción
<p> Define una parte que debe mostrarse como un párrafo.
<hr> Representa un quiebre temático entre parrafos de una sección 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 artículos.
<ul> Define una lista de artículos sin orden.
<li> Define un artículo de una lista ennumerada.
<dl> Define una lista de definiciones, es decir, una lista de términos y sus definiciones asociadas.
<dt> Representa un término definido por el siguiente <dd>.
<dd> Representa la definición de los terminos listados antes que él.
<figure> Representa una figura ilustrada como parte del documento.
Elemento Descripción
<figcaption> Representa la leyenda de una figura.
<div> Representa un contenedor genérico sin ningún significado especial.
Semántica a nivel de Texto
Elemento Descripción
<a> Representa un hiperenlace , enlazando a otro recurso.
<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 responsabilidad o una nota de
<small>
derechos de autoría, que no son esenciales para la comprensión del documento.
<s> Representa contenido que ya no es exacto o relevante .
<cite> Representa el título de una obra .
<q> Representa una cita textual inline.
<dfn> Representa un término cuya definición está contenida en su contenido ancestro más próximo.
Representa una abreviación o un acrónimo ; la expansión de la abreviatura puede ser representada por
<abbr>
el atributo title.
Elemento Descripción
Asocia un equivalente legible por máquina a sus contenidos. (Este elemento está sólamente en la
<data>
versión de la WHATWG del estandar HTML, y no en la versión de la W3C de HTML5).
Representa un valor de fecha y hora; el equivalente legible por máquina puede ser representado en el
<time>
atributo datetime.
<code> Representa un código de ordenador .
Representa a una variable, es decir, una expresión matemática o contexto de programación, un
<var> identificador que represente a una constante, un símbolo que identifica una cantidad física, un
parámetro de una función o un marcador de posición 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 necesariamente, este puede
<kbd>
representar otras formas de entrada de usuario, como comandos de voz transcritos.
<sub>,<sup> Representan un subíndice y un superíndice, respectivamente.
Representa un texto en una voz o estado de ánimo alterno, o por lo menos de diferente calidad, como
<i> una designación taxonómica, un término técnico, una frase idiomática, un pensamiento o el nombre de
un barco.
Representa un texto hacia el cual se llama la atención para propósitos utilitaros. No confiere ninguna
<b>
importancia adicional y no implica una voz alterna.
Elemento Descripción
Representa una anotación no textual sin-articular, como etiquetar un texto como mal escrito o
<u>
etiquetar un nombre propio en texto en Chino.
<mark> Representa texto resaltado con propósitos de referencia, es decir por su relevancia en otro contexto.
Representa contenidos a ser marcados con anotaciones ruby, recorridos cortos de texto presentados
<ruby> junto al texto. Estos son utilizados con regularidad en conjunto a lenguajes de Asia del Este, donde las
anotaciones actúan como una guía para la pronunciación, como el furiganaJaponés.
<rt> Representa el texto de una anotación ruby .
Representa los paréntesis alrededor de una anotación ruby, usada para mostrar la anotación de manera
<rp>
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
<bdi>
texto. Permite incrustar un fragmento de texto con una direccionalidad diferente o desconocida.
Representa la direccionalidad de sus descendientes con el fin de anular de forma explícita al algoritmo
<bdo>
bidireccional Unicode.
Representa texto sin un significado específico. Este debe ser usado cuando ningún otro elemento
<span> semántico le confiere un significado adecuado, en cuyo caso, provendrá de atributos globales
como class, lang, o dir.
<br> Representa un salto de línea.
Elemento Descripción
Representa una oportunidad de salto de línea, es decir, un punto sugerido de envoltura donde el texto
<wbr>
de múltiples líneas puede ser dividido para mejorar su legibilidad.
Ediciones
Elemento Descripción
<ins> Define una adición en el documento.
<del> Define una remoción del documento.
Contenido incrustado
Elemento Descripción
<img> Representa una imagen.
<iframe> Representa un contexto anidado de navegación, es decir, un documento HTML embebido.
Representa un punto de integración para una aplicación o contenido interactivo externo que por lo
<embed>
general no es HTML.
Representa un recurso externo, que será tratado como una imagen, un sub-documento HTML o un
<object>
recurso externo a ser procesado por un plugin.
<param> Define parámetros para el uso por los plugins invocados por los elementos <object>.
Elemento Descripción
Representa un video , y sus archivos de audio y capciones asociadas, con la interfaz necesaria para
<video>
reproducirlos.
<audio> Representa un sonido o stream de audio.
Permite a autores especificar recursos multimedia alternativos para los elementos multimedia
<source>
como <video> o <audio>.
Permite a autores especificar una pista de texto temporizado para elementos multimedia
<track>
como <video> o <audio>.
Representa un área de mapa de bits en el que se pueden utilizar scripts para renderizar gráficos
<canvas>
como gráficas, gráficas 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 fórmula matemática.
Datos tabulares
Elemento Descripción
<table> Representa datos con más de una dimensión.
<caption> Representa el título de una tabla.
Elemento Descripción
<colgroup> Representa un conjunto de una o más 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 resúmenes 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 Descripción
Representa un formulario, consistendo de controles que puede ser enviado a un servidor para
<form>
procesamiento.
<fieldset> Representa un conjunto de controles.
<legend> Representa el título de un <fieldset>.
<label> Representa el título de un control de formulario.
Elemento Descripción
<input> Representa un campo de datos escrito que permite al usuario editar los datos.
<button> Representa un botón .
<select> Representa un control que permite la selección entre un conjunto de opciones.
<datalist> Representa un conjunto de opciones predefiniddas para otros controles.
<optgroup> Representa un conjunto de opciones, agrupadas lógicamente.
<option> Representa una opción en un elemento <select>, o una sugerencia de un elemento <datalist>.
<textarea> Representa un control de edición de texto multi-línea.
<keygen> Representa un control de par generador de llaves.
<output> Representa el resultado de un cálculo.
<progress> Representa el progreso de finalización de una tarea.
<meter> Representa la medida escalar (o el valor fraccionario) dentro de un rango conocido.
Elementos interactivos
Elemento Descripción
Representa un widget desde el que un usuario puede obtener información o
<details>
controles adicionales.
Elemento Descripción
<summary> Representa un resumen, título o leyenda para un elemento <details> dado.
<command> Representa un comando que un usuario puede invocar.
<menu> Representa una lista de comandos .
Enlazar CSS externo con el documento HTML <link type="text/css" href="nombre.css" rel="stylesheet">
Definición de una identidad a elementos concretos y únicos <tag id=”identificador”>
Definición de una clase para grupos de elementos <tag class=”identificador”>
