Para trabajar con HTML hay que ser muy cuidadoso a la hora de introducir etiquetas y atributos, puesto que cuarlquier error hará que la página que estamos creando no se visuallice en el navegador adecuadamente. Tendrás que revisar el código para analizar el error cuando esto te suceda, recuerda que de los errores se aprende.
Ejercicio1. ¿Cómo son las páginas web por dentro?
Para conocer el lenguaje en el que está escrita una web debemos seguir unas sencillas instrucciones:
1. Abre el navegador de tu elección (Mozilla Firefox, por ejemplo)
2. Accede a cualquier web (por ejemplo la de la Agencia Espacial Europea: www.esa.int )
3. Sitúa el ratón en cualquier parte de la web (que no sea una imagen o un enlace) y pulsa el botón derecho. Aparecerá un menú emergente con varias opciones. Selecciona Ver código fuente.
4. A continuación se abrirá una pantalla en la que podrás ver el aspecto del código HTML con el que está escrita la página.
Ejercicio 2. El bloc de notas para crear un documento HTML.
1. Abre el bloc de notas yendo a Inicio/Todos los programas/Accesorios/Bloc de notas.
2. Copia en el bloc de notas las etiquetas básicas que siempre debe tener una página. Respeta el orden y los huecos. Añade el título (Mi primera página) entre las etiquetas <title> y </title>. Luego añade el contenido de la página (Aprendiendo HTML) entre las etiquetas <body> y </body>. Tendrás algo como esto:
3. En el menú Archivo elige la opción Guardar como. En la opción Tipo selecciona Todos los archivos y en Nombre escribe T3P4_nombre.htm. Es tu primer archivo de código fuente. Ten cuidado de no guardarlo como .txt.
4. Accede a la carpeta donde está guardado.
5. Haz doble clic sobre el archivo que acabas de crear. Se abrirá el navegador que tengas establecido como predeterminado y te deberá aparecer lo siguiente:
6. Observa que el texto que está entre las etiquetas <head> y </head> aparece en la barra de títulos del navegador. Observa dónde aparece el contenido.
7. Publica en tu blog el documento que has creado (.txt).
No hay comentarios.:
Publicar un comentario