Ejercicio 2.06

¿Que es y para que sirve HTML?

HTML es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Etiquetas de Hipertexto . Es un lenguaje de marcado diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los navegadores como Internet Explorer, Opera, Firefox, Netscape o Safari, el HTML se ha convertido en uno de los formatos más populares y fáciles de aprender que existen para la elaboración de documentos para web.

10 principales etiquetas:

Texto:<p> Esto es un texto </p>Escribimos <p> antes del texto y </p> para finalizar el párrafo.

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

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

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

Actuamos de forma análoga al apartado anterior.

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>.

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>

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>

Imagen sin enlace:

<img src=”http://www.dominio.com/imagen.gif” alt=”descripción imagen”>

Cambiamos ‘www.dominio.com/imagen.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.dominio.com” target=”_blank”> <img src=”http://www.dominio.com/imagen.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.