Practicas html

Practicas de HTML

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ónParrafos 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 M L no respeta ni los
espacios ni los saltos de
línea

Pero si incluimos la etiqueta <PRE>
nos muestra el T E X T O tal y como
lo escribimos

HTML separa laspalabras 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 como Practica2.html en formato texto y visualizarlo con el
navegador.

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 en formato texto y visualizarlo con el
navegador.

4. Listas
En un procesador de texto cualquiera teclear el siguiente código

Practicas de listasMis 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

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 yvisualizarlo con el
navegador.

5. Hiperenlaces e inclusión de imagenes
En un procesador de texto cualquiera teclear el siguiente código

Practica de Hiperenlaces

Enlaces con otras paginas

Microsoft

Mi primera pagina
Web

Mi segunda pagina
Web

Enlaces en la misma
pagina

Foto 1

Foto 2

Foto 3

Volver al principio de la
pagina

fotografia 1

Texto alineado arribafotografia 2

Texto alineado al centro

fotografia 3

Texto alineado abajo

Volver al principio de la
pagina

Guardar el archivo como 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 imagenHidra (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 los habitantes 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 Heracles. Era hijo
del dios Zeus y de Alcmena, mujer del general tebano Anfitrión.
Practicas de HTML
Pedro Rufo Martín http://www.asptutor.com Página 6 de 13
Hera, la celosa esposa de Zeus, decidida a matar al hijo de su infiel
marido, poco después...