Listado de etiquetas XHTML
3 (60%) 1 voto

Este es un material de referencia donde verás las etiquetas XHTML más utilizadas.
Hay muchas etiquetas que no puse ya que prácticamente no se utilizan o están obsoletas.

<!– texto comentado –>
Se utiliza para definir un comentario en el documento.
Este comentario igual se ve en el código fuente, e igual se carga junto con la página, por lo tanto no sirve si quieren dejar oculto realmente algo. En ese caso, es mejor comentar con PHP (siempre que se pueda), o sino eliminar el bloque del código HTML.

<!DOCTYPE>
Define el tipo de documento.
Generalmente esto lo pone automáticamente el software donde estamos trabajando el HTML.

<a>
Define un ancla o hipervínculo.
Si se define el atributo href, funciona como link, llevando a otra página, sitio o ancla definida. Si se define con el atributo name, funciona como un ancla, es decir que al ingresar la URL seguida de #ancla, la página se va a cargar mostrando inmediatamente esta parte de la página.

<acronym>
Define un acrónimo en el documento.
Aunque no es muy utilizado, un ejemplo podría ser: Estoy aprendiendo <acronym title=”HyperText Markup Language”>HTML</acronym>.

<address>
Se utiliza para insertar una dirección.

<area>
Define un área dentro de un mapa de imagen del documento.
Trabaja en conjunto con <map>.

<b>
Define texto en negrita.
Practicamente ya no se usa, pues se ha reemplazado por la etiqueta <strong>.

<big>
Define un texto grande.

<blockquote>
Sirve para insertar una cita.
Esta etiqueta se utiliza bastante en los blogs ya que es parte de los editores de texto del tipo WYSIWYG.

<body>
Define el elemento body (cuerpo) del documento.

<br>
Inserta un salto de línea.

<button>
Define un botón.

<caption>
Sirve para definir el título de una tabla.

<center>
Aunque ya no se utiliza mucho, sirve para centrar todo el contenido que vaya dentro de esta etiqueta.

<cite>
Define una cita.

<code>
Define texto de código de computadora.
Generalmente se utiliza para insertar código HTML o de algún lenguaje de programación dentro de una página. De esta manera, se ve formateado de una manera más “comprensible” o similar al código tradicional.

<col>
Define atributos para columnas de tablas.

<colgroup>
Define grupos de columnas de una tabla.

<dd>
Define una descripción de definición.

<del>
Define texto borrado.

<div>
Define una división/sección en un documento.
Este debe ser el elemento más utilizado de un documento HTML ya que se utiliza para armar la estructura del sitio.

<dfn>
Se utiliza para insertar una definición.

<dl>
Define una lista de definición.

<dt>
Define un término de definición.

<em>
Define texto enfatizado (emphasis).

<fieldset>
Define una caja que agrupa elementos de un formulario.

<form>
Define un formulario

<frame>
Se utiliza para definir un marco dentro de la página.
Se debe utilizar en conjunto con <frameset>.

<frameset>
Define un conjunto de marcos.

<h1> a <h6>
Define encabezados (títulos) del 1 al 6 para el documento.
Los números indican la prioridad que tendrán cada uno: el h1 es el título más importante y debe haber solamente uno en cada página; los siguientes números van en orden de importancia hasta llegar al h6.

<head>
Define información acerca del documento.
Dentro de esta etiqueta se deben insertar las etiquetas como <meta>, <script> y <link>, es decir, las etiquetas de metainformación y de llamado a estilos y javascript.

<hr>
Define una línea horizontal.

<html>
Define un documento html.
Esta etiqueta es la que inicia y termina todo documento HTML y se inserta justo después del <!DOCTYPE>.

<i>
Define texto en itálica (cursiva).
Al ser una etiqueta que lleva asociada una propiedad, generalmente no se utiliza mucho ya que se aleja del concepto de semántica. Lo mismo sucede con otras etiquetas como <u> y <s>.

<iframe>
Se utiliza para insertar un marco, contenido dentro de la ventana actual.

<img>
Se utiliza para insertar imágenes.

<input>
Define un campo de ingreso de datos.
Este elemento es usado para crear campos de texto, campos ocultos, radio buttons o checkboxes. Se utiliza generalmente dentro de un <form> y en conjunto con otros elementos como <textarea> y <select>.

<label>
Inserta el texto que se asocia a algún <input>, <textarea> o <select> de un formulario.
Para que al hacer click en este texto se seleccione automáticamente el input de texto especificado, se debe utilizar con el atributo for=”ID”, donde ID corresponde al atributo ID del <input>, <textarea> o <select>.

<legend>
Define un título para un fieldset.
Se debe insertar dentro de un <fieldset>.

<li>
Define un elemento de una lista.
Se debe utilizar dentro de un <ul> o de un <ol>.

<link>
Se utiliza para hacer una referencia a un recurso.
Generalmente se utiliza dentro de la etiqueta <head>.

<map>
Define un mapa de imagen.
Se utiliza en conjunto con <area>, para definir cuales serán las áreas clickeables de la imagen.

<meta>
Define meta información.
Se debe utilizar dentro de la etiqueta <head>.

<noframes>
Se utiliza dentro de la etiqueta <frameset> para entregar un mensaje a los navegadores que no tengan habilitado el uso de marcos.

<noscript>
Se utiliza dentro de la etiqueta <script> para entregar un mensaje a los navegadores que no tengan habilitado el uso de scripts.

<object>
Define un objeto embebido.
Generalmente se utiliza para insertar elementos de Flash, Java o Shockwave.

<ol>
Define una lista ordenada.
Estas listas son las que muestran números (automáticamente) junto a cada <li>.

<optgroup>
Se utiliza dentro de un <select> para definir un grupo de <option>.
Los elementos de optgroup no son clickeables.

<option>
Se utiliza para definir cada una de las opciones dentro de un <select>.

<p>
Inserta un párrafo.

<param>
Define un parámetro para un objeto.
Se utiliza dentro de los <object>.

<pre>
Define texto pre-formateado.
Este tipo de texto no se comporta como el text HTML normal, sino que considera los saltos de líneas y espacios como lo que realmente son.

<q>
Define una pequeña cita.

<script>
Se utiliza, generalmente, dentro de <head> para llamar a un script.

<select>
Define una lista seleccionable.

<small>
Define texto pequeño.

<span>
Define una sección en un documento.
Se utiliza igual que los <div>, solamente que este es un elemento que se muestra inline, en vez de ser un elemento de bloque.

<strong>
Define texto fuerte strong (con mayor énfasis).

<style>
Se utiliza para definir estilos CSS directamente en algún elemento del HTML.
Ojalá no lo utilicen nunca 🙁

<sub>
Define texto en subescript.

<sup>
Define text en superscript.

<table>
Define una tabla

<tbody>
Define el cuerpo de una tabla.
Puede no utilizarse y el resultado es el mismo, sin embargo se utiliza aveces para darle estilos a algunos elementos.

<td>
Define una celda de una tabla.

<textarea>
Define un área de texto

<tfoot>
Define el pie de una tabla.
Puede no utilizarse y el resultado es el mismo, sin embargo se utiliza aveces para darle estilos a algunos elementos.

<th>
Define una celda del encabezado de una tabla.

<thead>
Define el encabezado de una tabla.
Puede no utilizarse y el resultado es el mismo, sin embargo se utiliza aveces para darle estilos a algunos elementos.

<title>
Define el título de un documento.
Este elemento se utiliza una sola vez en cada página y va dentro de la etiqueta <head>.

<tr>
Define una fila de una tabla.

<ul>
Define una lista desordenada.
Estas listas son las que muestran puntos junto a cada <li>.
De todas formas, si quieres un mayor control de las listas, es mejor no utilizar el punto automático, sino que definirlo a través de una imagen de background.

Originally posted 2015-11-16 16:36:55.

Listado de etiquetas XHTML
Etiquetado en:

Deja un comentario

¿Quieres recibir el contenido V.I.P de Preceptos Digitales?

¿Quieres recibir el contenido V.I.P de Preceptos Digitales?

Ingresa tu correo y te enviaremos contenidos especiales para quienes escuchan el Podcast!



Te has suscrito exitosamente! Nos hablamos!