miércoles, 6 de abril de 2011

PRINCIPALES ETIQUETAS HTML

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>
Se debe cambiar ‘www.nombredeldominio.com’ por el dominio elegido y ‘Nombre del enlace’ por el nombre que desees
.
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”>Contactarme</a>
Sustituimos ‘tuemail@tuemail.com’ por la verdadera dirección de correo electrónico y ‘Contactarme’ 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>

Texto subrayado

  <u>Texto subrayado </u>
No es recomendable utilizar esta etiqueta puesto que los navegantes de la web pueden confundir el subrayado con un enlace a otra pagina.

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


Subíndice:

  <sub>Número2 </sub>

Superíndice:
 <sup>Número2 </sup>


Color de letra:

  <font color=”blue”>Texto de color azul </font>
Escribimos <font color=”blue”> si hemos elegido el color azul y acabamos con </font>.
  También podemos utilizar el siguiente formato:
<font face=”Arial” size=”3″ color=”navy”> Texto escrito en arial, tamaño 3 y color azul marino. </font>

Color de la tabla:

  <td bgcolor=”white”> </td>

Ancho de la tabla:

  <td width=”750″> </td>

Ajuste superior en la tabla:

  <tr valign=”top”> </tr>
Eliminar la separación entre las columnas y filas de la tabla, espesor y separación texto y borde de la celda:
<table width=”750″ CELLSPACING=”0″ CELLPADDING=”0″ BORDER=”0″> </table>

Color del fondo de pantalla:

  <body bgcolor=”white”></body>