Este documento presenta dos actividades para aprender HTML. La primera instruye al estudiante sobre cómo crear su primera página web con etiquetas básicas como <HTML>, <HEAD>, <TITLE>, <BODY>, <H1>, <P>, <B>, <I>, y <PRE>. La segunda actividad enseña el uso de listas ordenadas y no ordenadas mediante las etiquetas <UL>, <OL> y <LI> para describir aficiones y géneros musicales preferidos. También incluye una tabla de colores hexadecimales comunes.
1. FICHA DE TRABAJO No 1- PROGRAMACION EN HTML Docente: CARLOS DIAZ WILCHES
OBJETIVOS
• Comprender la estructura de una pagina WEB
• Adquirir destrezas en la utilización de Etiquetas
• Aplica formatos a textos en HTML
• Guardar un documento en HTML
Actividad No 1
1. Abre el blog de notas y escribe lo siguiente
<HTML>
1.
2. <HEAD>
3.
4. <TITLE> Mi primera pagina en HTML </TITLE>
5.
6. </HEAD>
7.
8. <body bgcolor="#EBDCA7">
9. <H1> <CENTER> Esta sera la primera practica del curso HTML </CENTER></H1>
10. <HR>
11.
12. <H3> Vamos a ir comprobando lo que hace cada etiqueta </H3>
13. <P>
14. Este sera un texto normal, sin tocar nada.
15. <P>
16. <B> Ahora lo ponemos en negrita </B>
17. <P>
18. <I> Y ahora en cursiva </I>
19. <BR><P>
20. <BR><P>
21. <BR><P>
22. <PRE>Hemos dejado varios espacios para mostrar este
23. texto preformateado que
24. respeta los espacios y los
25. retornos del carro.</PRE>
26. <BR><P>
27. <BR><P>
28. <TT>Y esta vez volvemos a dejar espacios
29. para mostrar un texto preformateado que no
30. respeta los espacios ni los saltos de
31. carro</TT>
32. <p>
33. Por ahora no sabemos hacer muchas cosas mas pero seguro que iremos aprendiendo.
34.
35. </body>
36.
2. 37. </HTML>
2. Ahora sólo tienes que guardarlo como extensión HTML (ejemplo: practica1.html) y, posteriormente,
cuando lo abras pulsando sobre él se desplegará en nuestro explorador:
ACTIVIDAD No 2
<HTML>
<HEAD>
<TITLE> Practicas de listas </TITLE>
</HEAD>
<BODY>
<CENTER>
<H1> Mis aficiones </H1>
</CENTER>
<HR>
Sin un orden particular, mis <B> aficiones </B> son las siguientes:
<UL>
<LI> El cine
<LI> El deporte
<UL>
<LI> Natación
<LI> Baloncesto
</UL>
<LI> La música
</UL>
La música que más me gusta es (en orden de preferencia):
<OL>
<LI> El rock
<LI> El jazz
<LI> La música clásica