|
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:
Esta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla
">Contacta</a>
Sustituimos '
Esta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla
' 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:
<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>
En este caso se ha elegido el color blanco como fondo de pantalla. Esta etiqueta acompaña a BODY al comienzo del cuerpo de la página y habría que introducirlo así:
<HTML>
<HEAD>
<TITLE>Título</TITLE>
</HEAD>
<BODY bgcolor="white">
</BODY>
</HTML> Autor: lybris
http://www.librys.com/tutorialhtml/index.html |
Articulos