Principales Etiquetas HTML

Cómo añadir enlaces, imágenes, email, alinear el texto, tipo de letra, color, tamaño de letra, etc.:

Texto:
<p> Esto es un texto </p>

Escribimos <p> antes del texto y </p> para finalizar el párrafo.

Enlace(link):
<a href="http://www.nombredeldominio.com" target="_blank"> Nombre del enlace</a>

Cambiamos 'www.nombredeldominio.com' por de dominio elegido y 'Nombre del enlace' por el nombre que queremos dar a este enlace.

Imagen sin enlace:
<img src="http://www.nombredeldominio.com/nombredelaimagen.gif" alt="descripción de la imagen">

Cambiamos 'www.nombredeldominio.com/nombredelaimagen.gif' por la dirección URL de la imagen elegida y 'descripción de la imagen' por los comentarios deseados.

Imagen con enlace:
<a href="http://www.nombredeldominio.com" target="_blank"><img src="http://www.nombredeldominio.com/nombredelaimagen.gif" alt="descripción de la imagen"></a>

Hacemos los cambios mencionados anteriormente.

Correo electrónico:
<a href="mailto:tuemail@tuemail.com">Contacta</a>

Sustituimos 'tuemail@tuemail.com' por la verdadera dirección de correo electrónico y 'Contacta' por el texto que queramos.

Alinear a la izquierda:
<div align="left"> Texto alineado a la izquierda. </div>

Escribimos <div align="left"> antes del texto que alinearemos a la izquierda y finalizamos el texto con </div>.

Centrar:
<div align="center">Texto centrado </div>

Actuamos de forma análoga al apartado anterior.

Alinear a la derecha:
<div align="right">Texto alineado a la izquierda </div>

Actuamos de forma análoga al apartado anterior.

Salto de línea
<br> o <br />

Si queremos insertar una línea en blanco escribiremos <br> o <br />

Tipo de letra:
<font face="verdana"> Texto escrito en verdana </font>

Utilizamos <font face="verdana"> antes del texto elegido y acabamos con </font>.

Negrita:
<strong>Texto </strong>

Actuamos de forma similar al caso anterior y los casos que vienen a continuación. Cursiva:
<em>Texto </em>

<u>Texto subrayado </u>

Tamaño de letra:
<font size="3">Texto </font>

Subíndice:
_Número₂

Superíndice:
^Número²

Usuarios que han visto este tema también han visto...

- Valorar una web en HTML
- Comentarios Condicionales de IE con HTML
- Metadatos en HTML
- Indicar a los buscadores que indexen tu página con HTML
- Escribir por encima de las imagenes en html

- Versión imprimible de este documento

- Enviar por e-mail este documento