Lenguaje html

Introducción

El lenguaje HTML es el lenguaje en el que se escriben los contenidos de las páginas web. Las siglas HTML corresponden a HyperText Markup Language. Cuando accedemos a una página web el navegador (Internet Explorer, Mozilla, Chrome, etc.) los interpreta y los muestra en la pantalla. Los documentos HTML son ficheros de texto plano, escritos en caracteres ASCII, que pueden ser editados con un editor de texto como el "Bloc de notas" de Windows. Los profesionales utilizan editores de páginas web como el Frontpage, Dreamweaver, etc. Los ficheros escritos en lenguaje HTML llevan las extensiones html o htm.

Los diferentes elementos (párrafos, encabezamientos, tablas, listas, ...) de una página web se codifican mediante etiquetas que indican al navegador cómo debe mostrarlo. Las etiquetas siempre aparecen por parejas, una para comenzar y otra para acabar. Estas etiquetas se escriben entre signos menor y mayor. Una etiqueta HTML consiste en un signo menor "<", un nombre de una directiva (Orden o comando para el navegador), seguido de los parámetros o atributos y un signo mayor ">". Para cualquier etiqueta que indica el inicio de un elemento hay otra de cierre que indica que esa directiva ya no debe actuar sobre el texto que sigue. El lenguaje HTML no diferencia entre mayúsculas y minúsculas.

Recursos

En este apartado encontrarás ayuda sobre la manera de escribir correctamente el código html.

Aquí está explicado el uso de marcos para distribuir el espacio de una página web.

Ejercicios

1.- Crea un documento html en donde harás una descripción de ti mismo en una frase. Ha de tener una cabecera, que incluya el título de la página, y un cuerpo.

2.- Crea un documento html con una tabla con dos filas y dos columnas. En la primera celda escribirás tu nombre, en la segunda tu edad, en la tercera tu color favorito y en la cuarta tu cantante favorito.

3.- En la tabla del ejercicio anterior dispón lo necesario para que se vea la linea del color y grueso que desees y elige el color del fondo de la celda.

4.- En una tabla de dos columna y tres filas inserta seis imágenes diferentes.

5.- Diseña una página web similar a la del ejercicio 1, pero dando color al fondo. En esta página se puede encontrar un traductor de códigos de colores RGB a hexadecimal.

6.- En el ejercicio anterior introduce un título con una letra mayor.

7.- En el ejercicio anterior selecciona una parte del texto para que aparezca en negrita y otra parte en cursiva.

8.- Cambia el color al titulo, a la cursiva y a la negrita (En colores diferentes).

9.- En el ejercicio anterior enlaza una palabra con una dirección web y otra con una página creada por ti y que tengas en la misma unidad de disco.

10.- En un ejercicio similar al número 4 enlaza dos imágenes con contenidos web.

11.- Elige un tema y crea una página de inicio con marcos con dos columnas y dos páginas que ocupen esas dos columnas. Cada una de las páginas ha de enlazar con dos páginas más creadas por ti. En total has de crear siete archivos html, uno de ellos contendrá la estructura con el marco y los otros seis los contenidos. En las diferentes páginas ha de haber tablas para distribuir el espacio, imágenes y enlaces para poder navegar entre las seis diferentes páginas que has creado.