Las etiquetas contenedoras se usan para formatear bloques enteros dentro del documento, los debes usar dentro del <BODY> y los principales son:
Es el contenedor mas usado y básico de todos los bloques contenedores. Ademas inserta un salto de linea que separa el bloque encapsulado, porque es de tipo bloque.
<P>Este es el bloque.</P>
Esta etiqueta acepta atributos globales y se le puede aplicar formato desde CSS.
Esta es la etiqueta de bloque mas comunmente usada, siempre comienza en una nueva línea y ocupa todo el ancho disponible, es decir se extiende hacia la izquierda y la derecha hasta donde puede.
Divisor. No significa nada por si mismo, es usado para encapsular texto. Es de tipo bloque.
<DIV>Este es el bloque.</DIV>
Esta etiqueta acepta atributos globales y se le puede aplicar formato desde CSS.
Esta etiqueta de bloque siempre comienza en una nueva línea y ocupa todo el ancho disponible, es decir se extiende hacia la izquierda y la derecha hasta donde puede.
Esta etiqueta aun es muy usada
Es usado para encapsular texto y no añade ningún formato. Se representa a sus hijos.
<SPAN>Este es el bloque.</SPAN>
Esta etiqueta acepta atributos globales y se le puede aplicar formato desde CSS.
Esta etiqueta de bloque no se inicia en una nueva línea y sólo ocupa tanto ancho como sea necesario.
Esta etiqueta aun es muy usada.
Este etiqueta es usado para mostrar bloques de texto pre-formateado en un tamaño de letra fijo. El parámetro WIDTH=40|80|132 especifica el número máximo de caracteres por línea, si no se incluye este atributo se asumirá 80 caracteres por línea.
El texto preformateado se usa cuando quieres que en la presentación final del documento se respeten los espacios y retornos de carro que pusiste en el texto fuente. Además se usará un tipo de letra de espaciado fijo (monoespacio), parecido al de una máquina de escribir, más pequeño que el del texto normal. Este estilo de texto puede ser adecuado, por ejemplo, para un gráfico en ASCII.
,-~~-.___.
/ | ' \
( ) .0
\_/-, ,----'
=== //
/ \-'~; /~~~~(O)
/ __/~| / |
==(_______| (________| Este texto fue pre-formateado.
Esta etiqueta acepta atributos globales y se le puede aplicar formato desde CSS.
Esta etiqueta aun es muy usada
Etiqueta que engloba algo que se añadió al documento. Usa los parámetros: CITE y DATETIME.
<INS>Este bloque esta subrayado.</INS>
Este bloque esta subrayado.
Etiqueta que engloba algo que se borro del documento. Usa los parámetros: CITE y DATETIME.
<DEL>Este bloque esta tachado.</DEL>
Este bloque esta tachado.
Este es otro bloque contenedor, que ademas inserta una tribulación que indenta el bloque
<DIR>Este bloque esta indentado.</DIR>
Especifica una dirección o firma de autor, normalmente en el principio o final del documento, típicamente en italicas e indentadas. Las direcciones de correo electrónico se suelen marcar con este etiqueta.
<ADDRESS>All That Jazz BBS<br> Sysop: Javier Geigner (Bull)<br> Módem: 438-1493</ADDRESS>All That Jazz BBS
Este etiqueta es usado para mostrar texto tomado de otra fuente. Típicamente se usa con sangría en ambos márgenes y en itálica. Además este formato causa una rotura de párrafo y un espacio después de este texto para resaltarlo.
<Q>Más vale un archivo disponible que 100 con clave.<BR> Tiburón en ATJ BBS</Q>
Más vale un archivo disponible que 100 con clave.
Tiburón en ATJ BBS
Esta etiqueta representa el "elemento de definición" y especifica un término que se definirá dentro del contenido. El padre más cercano de la etiqueta también debe contener la definición/explicación del término.
<dfn>Este texto está como una definición.</dfn>
Este texto está como una definición.
Este contenedor es usado para hacer una cita textual
<cite>Típicamente se usa para formatear un texto con letra distinta para que el lector note que es una cita.</cite>
Típicamente se usa para formatear un texto con letra distinta para que el lector note que es una cita.
Usada para introducir abreviaturas como: HTML, ASCII, FTP, etc
Poner el puntero sobre: <abbr title='American Standard Code for Information Interchange'>ASCII</abbr>
Poner el puntero sobre: ASCII
Una abreviatura y un acrónimo son versiones abreviadas de otra cosa. Ambos a menudo se representan como una serie de letras.
El atributo de título global se usa con la etiqueta <abbr> para mostrar la descripción de la abreviatura/acrónimo cuando pasa el mouse sobre el elemento
Esta etiqueta se usa para anular la dirección del texto actual.
<bdo dir=rtl>Este texto va de derecha a izquierda.</bdo>
Este texto va de derecha a izquierda.
Contenedor usado para resaltar texto de usuario.
<kbd>Texto en caracteres monoespacio (que todos ocupan el mismo espacio, osea no es espacio proporcional)</kbd>
Texto en caracteres monoespacio (que todos ocupan el mismo espacio, osea no es espacio proporcional)
Contenedor usado para resaltar código.
<CODE>Es un ejemplo de código en un tipo de fuente monoespacio.</CODE>
Es un ejemplo de código en un tipo de fuente monoespacio.
Existe una libreria JavaScript muy interesante llamada Prism.js que te permite colorear los comanados de cada lenguaje de programacion usado. Por ejemplo en HTML, CSS; JavaScript, PHP, C++, etc
Defina un texto como salida de muestra de un programa de computadora en un documento.
<SAMP>Secuencia literal usando fuente mono espaciada.</SAMP>
Secuencia literal usando fuente mono espaciada.
Para hacer una cita textual dentro de nuestro documento, se puede usar la etiqueta <TT> es un tipo de letra mono-espaciada.
<tt>Prueba de letra teletipo</tt>
Prueba de letra teletipo
Fuera agregada en HTML5 para resaltar parte de un texto que originalmente no era importante pero ahora es relevante por acción del usuario.
No te olvides de la <mark>leche</mark>.
No te olvides de la leche.