Embedded Files
El lenguaje HTML se basa en etiquetas (markup language) o tags. Para modificar un texto o afectar un elemento, se situa una etiqueta de comienzo de efecto <> y una de fin de efecto </>.
Todo documento comienza con la etiqueta <html> y termina con </html>. Todos los caracteres que se utilizan son comunes y se pueden editar con cualquier editor de texto (ej: notepad).
Tarea:
Crea un documento "etiquetas.txt" con notepad.
Copia en él el texto siguiente.
<html>
<head>
<title> Etiquetas </title>
</head>
<body>
Esta es mi primera página web
</body>
</html>
Guarda el documento, cambia la extensión .txt por .htm y pincha en él dos veces.
Ahora vamos a introducir variantes. Editas con el notepad (botón derecho+ abrir con...) y añades:
Escribe <b> antes de mi primera y </b> después. Guarda y pincha dos veces a ver qué has conseguido.
Escribe <img src="imagen.jpg"> antes del final del cuerpo. Asegúrate de que haya una imagen con ese nombre en el escritorio. Guarda y cierra y pincha dos veces a ver qué has hecho.
Escribe las etiquetas <a href="http://www.google.es"> y </a> antes y después de página. Guarda y cierra y pincha dos veces a ver qué has hecho.
4. Busca en internet qué etiquetas tienes que usar para cambiar el color de letra y el color de fondo y aplícalos en tu página web.
Una vez terminado el ejercicio súbelo a tu site y explica en la página que lo subas qué es lo que has hecho. Añade en la misma página la definición de html y http.
Más sobre etiquetas HTML
Has de crear un archivo HTML que tenga la estructura y contenidos como la que se ve en la imagen tags.pgn adjunta. Las etiquetas que necesites las puedes encontrar en la web en muchas direcciones. Necesitarás, además de las que ya conoces:
<body bgcolor="#XXYYZZ"> Color de fondo
<font size = 16 color = "#XXYYZZ"> Color y tamaño de letra
<br> Retorno de línea
<hr> Línea horizontal
<center> Centrar un texto o una imagen
Una buena introducción a las etiquetas más básicas la encontrarás en http://www.unav.es/fcom/mmlab/enaj2009/doc/tagshtml.pdf.
Page updated
Google Sites
Report abuse