Practicas de HTML

7

Practicas de HTML

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





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 enformato 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

Practicas de encabezados y bloques de
texto

---

---

Parrafos con diferentes
alineaciones

Parrafofuera 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 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 yvisualizarlo 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 en formato texto y visualizarlo con elnavegador.

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

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 depreferencia):

1. El rock
   
2. El jazz
   
3. La música clásica
   

Pedro Rufo Martí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 unprocesador de texto cualquiera teclear el siguiente código

Enlaces con otras paginas

---

---

href="http://www.microsoft.com">Microsoft

Mi primerapagina
Web

Mi segunda pagina
Web

---

---

Enlaces en la misma
pagina

---

---

pagina

href="#foto1">Foto...