Empezando

Iniciaremos con esta práctica nuestro acercamiento al lenguaje HTML. Las explicaciones serán breves y abordarán los aspectos básicos de forma que podamos avanzar con cierta agilidad. Encontrarás una página dedicada a recursos para ampliar estos conocimientos básicos.

Comenzamos pues comentando que los documentos HTML no son más que documentos de texto con una serie de etiquetas. Éstas le sirven al navegador para interpretar de que forma tiene que presentar el texto, las imágenes o los sonidos en la pantalla.

Al tratarse de documentos de texto podemos afirmar que nos bastaría con el Bloc de notas de Windows para crear nuestras páginas HTML.

Aunque este procedimiento resultaría bastante incómodo para su uso habitual, ya que nos obligaría a conocer todas las etiquetas del HTML, puede ser interesante para que comprendamos la estructura de una página WEB y será el primero que utilicemos.

El formato de las etiquetas HTML

Las etiquetas HTML se escriben encerradas entre ángulos. Normalmente se utilizan dos etiquetas: una de inicio y otra de final para indicar que ha terminado el efecto que queríamos presentar. La única diferencia entre ambas es que la de cierre lleva una barra inclinada "/" antes del código.

<etiqueta>texto que presentará el efecto</etiqueta> Por ejemplo:<B>texto</B> dará como efecto texto

La estructura básica de una página WEB

Para que un navegador reconozca que lo que está viendo es una página WEB se utiliza la siguiente estructura:

<HTML> (Etiqueta que indica que lo que viene a continuación es un documento HTML)

<HEAD>(Etiqueta de apertura de la cabecera).
Aquí va la información sobre el título de la página, el autor, palabras clave, etc. que no se presentarán en la ventana del navegador, salvo el título que aparecera en la barra de título de la parte superior
</HEAD>(Etiqueta de cierre de la cabecera)

<BODY>(Etiqueta de apertura del cuerpo)
Aquí va el contenido de la página que será lo que se presente en pantalla.
</BODY>(Etiqueta de cierre del cuerpo)

</HTML>(Etiqueta de cierre del documento)

Antes de comenzar los ejercicios prácticos crea una carpeta con el nombre "Curso HTML" para poder almacenar en ella el resultado de tu trabajo.

Práctica 1

Abrir el Bloc de notas.

Escribir las etiquetas necesarias para crear el documento HTML.

Darle contenido al cuerpo escribiendo un renglón y pulsando la tecla INTRO para saltar al siguiente párrafo.

Escribir otro renglón y pulsar dos veces la tecla INTRO.

Escribir un tercer renglón y salvar el fichero en la carpeta Curso HTML con el nombre ej1.htm manteniendo el tipo como documento de texto.

Cargar en el navegador el documento que acabamos de salvar y comprobar los resultados