Ir al contenido principal

Marcas para dar formato al documento

Reglas fundamentales de los elementos

Para abrir y cerrar un elemento se utilizan las etiquetas. El contenido del elemento se encuentra entre la etiqueta de apertura y la etiqueta de cierre.

Estos elementos pueden anidarse y contener otros elementos. Aunque el cierre es opcional, olvidarse de ello puede producir efectos y errores inesperados.

Formato correcto de etiquetas:

<p>Los contenidos se encuentran aquí...</p>

<br/> y <hr/>.

Los elementos vacios son elementos que se abren y se cierran en la misma etiqueta y no pueden anidar otros elementos. Es el caso de [BR] y [HR], que son elementos de separación.
El primero es un salto de línea sencillo. El segundo es una línea horizontal(Horizontal Rules).

Para facilitar la lectura del código (y respetar reglas de W3C), es recomendable escribir estos elementos con una / al abrir crear la etiqueta.

Elementos de bloque y elementos en línea

Los elementos de bloque son elementos precedidos y seguidos por un salto de línea.Ocupantodo el espacio disponible.

<address><article><aside><blockquote><canvas><dd><div><dl><dt><fieldset><figcaption><figure><footer><form><h1><h2><h3><h4><h5><h6><header><hr><li><main><nav><noscript><ol><output><p><pre><section><table><tfoot><ul><video>

Los elementos en línea son elementos que se integran en un elemento de bloque y solo ocupan el espacio necesario a su desarrollo.

<a><abbr><acronym><b><bdo><big><br><button><cite><code><dfn><em><i><img><input><kbd><label><map><object><q><samp><script><select><small><span><strong><sub><sup><textarea><time><tt><var>

Las marcas de aspecto

Son las marcas que permiten dar formato al texto.

Las clásicas

Podemos listar las básicas [EM] y [STRONG] con sus variantes [B] y [I]:

Los navegadores van a imprimir en pantalla de la misma forma [STRONG] y [B] o [I]y [EM].
Los robots que indexan las páginas webs van a dar más valor a [STRONG] y [EM].

Los elementos de citación

[Q]

Elemento en línea utilizado para citar un texto corto de otro autor. Pone automáticamente el contenido entre comillas.

[BLOCKQUOTE]

Elemento de bloque utilizado para citar un párrafo completo de otro autor.

Los elementos de información

[ABBR]

Se usa sobre una sigla. Poniendo el ratón encima, pone en pantalla el significado de la sigla.

<b>Poner el texto en negrita</b>

<strong>Poner un texto de primera importancia en negrita</strong>

<i>Para los textos en cursiva. Simplemente</i>

<em>Para enfatizar un texto y darle un sentido especial</em>

<p>La asociación <abbr title="JeunesPour le Monde">JPM</abbr> es una <abbr title="Organización No gubernamental">ONG</abbr> francesa.</p>

Los demás elementos

También podemos listar otros menos utilizados.

[SMALL]
Para atribuir al contenido un formato de texto más pequeño.
[MARK]
Para hacer resurgir del párrafo un grupo de palabras. El efecto stabiloboss.
[SUP]
Para atribuir al contenido un formato de texto superíndice (superíndice).
[SUB]
Para atribuir al contenido un formato de texto subíndice (subíndice).
[ADDRESS]
Elemento de bloque representado en cursiva para especificar una dirección.
[CITE]
Para los títulos de obra.
[BDO]
Para anular la dirección bidireccional del texto.
[INS]
Para marcar la inserción de nuevos contenidos en un texto.
[DEL]
Para marcar un borrado de contenido en un texto.

Con estos dos últimos elementos se pueden usar atributos para incluir la fecha (datetime="fecha") o alguna referencia sobre el origen del texto (cite="url").

Newsletter

Si mandas tu email desde este formulario, te responderé con una oferta de 5% aplicable a tu próximo presupuesto. Más adelante, te enviaré ofertas y noticias acerca de mi actividad.
No spam. Tus datos están protegidos y no compartidos.

imagen Captcha correspondiente a tobago

Por favor, escribir el nombre visible en esta imagen sin tilde, mayúscula, símbolo...

Parte inferior de la sección rellenada por fotos de gente