Informatica HTML

EJERCICIOS HTML
1. Crea, con el bloc de notas, una primera página Web a la que llames
ejercicio1a.html simple que muestre el siguiente texto: Hola, esta es mi primera
página Web.
2. Modifica el ejercicio anterior, llamándole ejercicio1b.html, con las siguientes
condiciones:
a.
b.
c.
d.
e.
f.

Introduce como título de la página: Mi primera página.
Pon tu nombre como autor de lapágina.
Clasifica el contenido de la página con: HTML, ejercicio.
Realiza una breve descripción de la página: Ejercicio muy simple de HTML.
Pon como generador de la página: Bloc de notas.
Utiliza como palabras clave: Ejercicio HTML Meta.

3. Modifica el ejercicio anterior, llamándole, ejercicio1c.html, con las siguientes
condiciones:
a. Coloca un color de fondo oscuro y un color de fuente claro.4. Modifica el ejercicio anterior, llamándole, ejercicio1d.html, con las siguientes
condiciones:
a. Crea una carpeta a la que llames imágenes y guarda en ella una imagen
como fondo claro para utilizarla en este ejercicio. Cambia el color de la
fuente a otro oscuro.
b. Pon como márgenes izquierdo y superior de comienzo de texto el valor 200.
5. Utiliza los caracteres especiales en elsiguiente texto, para que se puedan ver en
cualquier navegador. Guarda el ejercicio como ejercicio2a.html.
a. TEXTO: ¡Hola!, este texto está escrito con caracteres especiales, como por
ejemplo para el símbolo © o para la palabra aquí.
6. Añade el siguiente comentario antes de insertar el texto del ejercicio anterior y otra
línea después, y guarda el nuevo ejercicio como ejercicio2b.html:
a.COMENTARIO: Recuerda que los comentarios no se ven en el navegador,
pero sí al editar el archivo.
b. NUEVA LÍNEA: Esta línea corresponde a otro párrafo y también está escrita
con caracteres especiales.
7. Realiza un nuevo ejercicio al que llames ejercicio3a.html, utilizando un preformato
para los dos párrafos siguientes:
a. PRIMER PÁRRAFO: La ventaja de utilizar un texto con preformato es que elnavegador lo interpreta tal cual es escrito en el editor.
b. SEGUNDO PÁRRAFO: El inconveniente es que entre las etiquetas y
no se pueden incluir las etiquetas , , , ,
ni .
1

8. Aprovechando los dos párrafos del ejercicio anterior pero sin utilizar preformatos,
realiza otro ejercicio al que llames ejercicio3b.html con las siguientes
características:
a. Pon una línea divisoria porencima del primer párrafo, otra separándolos y
otra después del segundo párrafo alineadas a la izquierda, centro y
derecha respectivamente y con diferentes anchos y altos. La del medio no
debe llevar sombreado.
b. Coloca un sangrado al comienzo de cada párrafo, uno sencillo en el primer
párrafo y doble en el segundo.
9. A través de las etiquetas de texto, intenta representar, en un ejercicio alque
llames ejercicio4a.html, los siguientes párrafos:
a. Este párrafo está con fuente arial, texto rojo, tamaño normal y cursiva.

b. Este párrafo está con fuente Comic Sans MS, color
automático (negro), tamaño grande y negrita.
c. En este párrafo está la palabra
aumentada.

pequeña

disminuida y la palabra

grande

10. Sin utilizar la etiqueta y utilizando la correspondiente a ladefinición de un
párrafo, modifica el ejercicio anterior y llámale ejercicio4b.html, justificando los
párrafos a la izquierda.
11. Aprovechado el ejercicio anterior, realiza otro al que llames ejercicio4c.html,
añadiéndole el siguiente encabezado centrado al comienzo del ejercicio:
a. ENCABEZADO: PÁRRAFOS CON DIFERENTES FORMATOS.
12. Modifica el ejercicio anterior llamándoleejercicio4d.html, haciendo del
encabezado una marquesina a tu gusto.
13. Con el texto siguiente, realiza un ejercicio al que llames ejercicio5.html, con una
lista no numerada y a continuación otra numerada:

Animales que me gustan (no numerado):

Animales que me gustan (numerado):

•

Gato

1. Gato

•

Perro

2. Perro

•

Pájaro

3. Pájaro

14. Abre el editor de páginas Nvu, a...