Informatica

Practicas de HTML

7

Practicas de HTML

1. Pagina básica En un procesador de texto cualquiera teclear el siguiente código
Mi primera pagina Web

Esta es mi primera pagina, es muy sencilla, pero como el lenguaje HTML es fácil, pronto estaré en condiciones de hacer cosas mas interesantes.

Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador. 2.Fondos de página, cabeceras y bloques En un procesador de texto cualquiera teclear el siguiente código Practica de cabeceras y bloques Practicas de encabezados y bloques de texto Encabezado de nivel 1 Encabezado de nivel 2 Encabezado de nivel 3 Encabezado de nivel 4 Encabezado de nivel 5 Encabezado de nivel 6 Parrafo dentro del <DIV> centrado, por lo cual, hereda la alineaciónPedro Rufo Martín http://www.asptutor.com

Página 1 de 13

Practicas de HTML

Parrafos con diferentes alineaciones Parrafo fuera del <DIV> centrado, por lo cual toma la alineación izquierda por defecto Parrafo alineado a la derecha Parrafo centrado

con esta línea comprobamos que el H T espacios ni los saltos de línea

M

L no respeta ni los

Pero si incluimos la etiqueta<PRE> nos muestra el T E X T O tal y como lo escribimos HTML separa las palabras del texto con un blanco, si queremos añadir mas blancos, debemos hacer referencia a la entidad que lo representa ( )como por ejemplo:            ;     esto Para cualquier consulta dirigirse a Juán Gonzalez Guardar el archivo comoPractica2.html en formato texto y visualizarlo con el navegador.

Pedro Rufo Martín http://www.asptutor.com

Página 2 de 13

Practicas de HTML

3. Resaltados de texto y control de fuentes Con las etiquetas de control de texto estudiadas conseguir los efectos siguientes:.

Agregar además a la pagina diferentes ejemplos de etiquetas de resaltado Guardar el archivo como Practica3.html enformato texto y visualizarlo con el navegador.

4. Listas En un procesador de texto cualquiera teclear el siguiente código
Practicas de listas Mis aficiones Sin un orden particular, mis aficiones son las siguientes: El cine El deporte Natación Baloncesto La música La música que más me gusta es (en orden de preferencia): El rock El jazz La música clásica

Pedro RufoMartín http://www.asptutor.com

Página 3 de 13

Practicas de HTML

Completar la página con el resto de tipos de listas estudiadas y observar sus diferencias. Guardar el archivo como Practica4.html en formato texto y visualizarlo con el navegador.

5. Hiperenlaces e inclusión de imagenes En un procesador de texto cualquiera teclear el siguiente código
Practica de Hiperenlaces Enlacescon otras paginas Microsoft Mi primera pagina Web Mi segunda pagina Web Enlaces en la misma pagina Volver al principio de la

Pedro Rufo Martín http://www.asptutor.com

Página 4 de 13

Practicas de HTML

fotografia 1 Texto alineado arriba fotografia 2 Texto alineado al centro fotografia 3 Texto alineado abajo Volver al principio de la pagina

Guardar el archivocomo Practica5.html en formato texto y visualizarlo con el navegador. 5 bis. Mas sobre imágenes Añadir al codigo de Practica5.html las siguientes sentencias: • Imagen con hipervinculo

Enlace a Practica 3

•

Texto rodeando completamente la imagen Hidra (mitología), en la mitología griega, monstruo de nueve cabezas que vivía en un pantano cerca de Lerna, Grecia. Una amenaza para todos loshabitantes de Argos, tenía un aliento mortalmente ponzoñoso y cuando le cortaban una de sus cabezas, crecían dos en su lugar; la cabeza del centro era inmortal. Hércules, a quien se envió a matarla como el segundo de sus doce trabajos, logró eliminarla quemando las ocho cabezas mortales y enterrando la novena, inmortal, bajo una enorme roca. Hércules es el nombre romano del héroe griego...