1. Abre el bloc de notas nuevamente.
2. Copia en el bloc de notas las etiquetas básicas que siempre debe tener una página (aula virtual). Respeta el orden y los huecos.
3. Añade el título ("Estoy empezando") entre las etiquetas <title> y </title>. Luego añade el contenido de la página ("No está mal para ser la primera") entre las etiquetas <body> y </body>. El resultado lo tienes en la siguiente imagen:
4. En el menú Archivo elige la opción Guardar como, en tipo selecciona Todos los archivos y en Nombre escribe T3P5_nombre.htm.
5. Accede a la carpeta donde está guardado
6. Haz doble clic sobre el archico que acabas de crear. Se abrirá el navegador que tengas establecido como predeterminado y te deberá aparecer el resultado siguiente:
8. Sin cerrar ni el bloc de notas ni el navegador,vamos a añadir un encabezado. Para ello introduce el siguiente elemento justo después de la etiqueta <body>:
<h1>Estoy poniendo un encabezado</h1>
9. Guarda el archivo. Actualiza el navegador y observa el resultado.
10. Sin cerrar ni el bloc de notas ni el navegador, vamos a modificar la etiqueta anterior haciendo que el encabezado aparezca en rojo. Para ello introduce la etiqueta <font> con su atributo color con la sintaxis adecuada, como aquí indico:
<h1><font color="red">Estoy poniendo un encabezado</font></h1>
11. Observa que los valores de los atributos se escriben entre comillas y después del signo igual. Y fíjate en que para cada etiqueta de apertura hay una de cierre.
12. Guarda el archivo. Actualiza la página web en el navegador y observa el resultado.
13. Sin cerrar ni el bloc de notas ni el navegador, vamos a introducir un párrafo y alinearlo a la derecha. Para ello introduce las etiquetas <p alingn="right"> y </p> antes y después del texto No está mal para ser la primera:
<p align="right">No está mal para ser la primera</p>
14. Guarda el archivo, actualiza la página web en el navegador y observa el resultado.
15. Prueba a introducir otro párrafo con alineación centrada, utilizando las etiquetas correspondientes. Consulta la tabla de la teoría.
16. Cambia el color al párrafo del punto anterior, utilizando las etiquetas correspondientes.
17. Prueba con varios colores para ver cuál es el que mejor se lee sobre fondo blanco.
18. Guarda el archivo, actualiza el navegador y observa el resultado.
No hay comentarios.:
Publicar un comentario