lunes, noviembre 22, 2004

Empezamos con el HTML

H(yper)T(ext)M(arkup)L(anguage). En traducción literal: Lenguaje de marcado de hipertexto. HTML nos permite crear documentos que contengan enlaces a otros textos, imágenes y, por supuesto, texto. Estos documentos se podrán visualizar desde un navegador de Internet: Ms Internet Explorer, Mozilla Firefox, Opera,... Lo primero que debemos tener muy claro es que un documento HTML sólo contiene texto. Por lo tanto podremos crearlos con cualquier programa de edición de textos, como por ejemplo el Bloc de notas. Más adelante en el curso iremos conociendo, programas especializados en la creación de HTML como Dreamweaver. La estructura básica de un documento HTML es la siguiente:

<html>

<head> <title>Mi primera página</title> </head>

<body> Hola Mundo, ya he llegado </body>

</html>

Ya podemos intuir que los símbolos < y > tienen un significado especial. Los comandos o "marcas" de html siempre van señalizadas con estos símbolos.

También podemos intuir que estas marcas o comandos tienen un principio (<title> ) y un final (</title>). El final es el nombre del comando pero precedido de la barra "/". Estas marcas o comandos pueden "anidarse" unas dentro de otras. Estas marcas o comandos tienen utilidades diversas: marcar secciones del documento, modificar el formato del texto, insertar imágenes, enlazar con otros documentos,...

Podemos identificar claramente dos secciones: encabezado (head) y cuerpo (body).

En la primera de ellas que empieza en <head> y termina en </head> aquí aparece datos generales sobre la página y el título acotado por <title> y </title> .

En el cuerpo (body) del documento es donde ponemos lo que realmente se va a "ver".

Ya está bien para empezar. Vamos con el ejercicio:

  • Abre el Bloc de notas (Inicio - Todos los programas - Accesorios - Bloc de notas) y escribe la págica anterior. Para guardarlo: Menú Archivo - Guardar como. Al guardar, en el tipo de archivo, cambio "Documentos de texto *.txt" por "Todos los archivos" y no olvides terminar el nombre del archivo con .htm o .html
  • Una vez guardada la página, cierra el bloc de notas y haz doble clic sobre el fichero para ver como ha quedado.

No hay comentarios: