Taller 1: Conocimiento del Entorno para desarrollo de documentos HTML.

1. Abrir un bloc de notas.

Opciones:
+ inicio/programas/accesorios/bloc de notas (notepad
+ inicio/e!ecutar " en la #entana teclear: notepad $Enter%
&. Abrir " luego minimi'ar un na#egador (eb.
Opciones:
+ inicio/programas/)nternet E*plorer
+ inicio/e!ecutar/e*plorer
+. Crear en el disco E: una carpeta ,ue se llame paginas. -i "a e*iste borrar el
contenido de este directorio.
.. En el bloc/ de notas teclear el siguiente programa:
$HTML%
$HEA0%$/HEA0%
$1O02%
Hola Mundo
$/1O02%
$/HTML%
3. 4rabar el programa con el nombre de taller1.5tml dentro de la carpeta
e:\paginas.
6. En la barra de direcciones del E*plorador #isuali'ar la pagina (eb. A"uda:
teclear e:7paginas7taller1.5tml.
8u9 obser#a:
;. Agregar dentro de las eti,uetas $HEA0%$/HEA0% lo siguiente:
$T)TLE%Esta es Mi primera p<gina =eb$/T)TLE%
4rabar nue#amente " en el na#egador escoger la opci>n actuali'ar. 8u9 obser#a:
Taller &: ?ormateando te*to.
1. Abrir un bloc de notas.
&. Abrir " luego minimi'ar un na#egador (eb.
+. En el bloc/ de notas teclear el siguiente programa:
$HTML%
$HEA0%
$T)TLE%Taller &$/T)TLE%
$/HEA0%
$1O02%
Esto es una prueba de te*to
@ero no 5a" salto de lAnea.
$/1O02%
$/HTML%
4rabar dentro de la carpeta paginas con el nombre de taller&.5tml. Bisuali'arlo con
el na#egadorC ,u9 obser#a:
.. ModiDicar el programa reali'ando lo siguiente:
a. 0espu9s de la eti,ueta $1O02% en una nue#a lAnea agregar:
$EFF Esto es un comentario FF%
b. ModiDicar la siguiente lAnea asA: Esto es una prueba de texto<br>.
4rabar " actuali'ar el na#egador. 8u9 obser#a:
c. ModiDicar las siguientes lAneas de tal Dorma:
<b>Esto es una prueba de texto</b><br>
<I>Pero no hay salto de lnea.</I><br>. 4rabar " actuali'ar el na#egador.
8u9 obser#a:
d. Agregar despu9s de esta lAnea:
<STRIE>!e e"ui#o"u$</STRIE><br>
Esto es nor%al <&I'> Esto es grande </&I'><S!())>Esto es
pe"ue*o</S!())><br>
+<S,P>er</S,P> -<S,&>.</S,&>/<br>
<,>Subrayado</,><br>
4rabar " actuali'ar el na#egador. 8u9 obser#a:
e. 0espu9s de esta Gltima lAnea agregar <hr>. 4rabar " actuali'ar el
na#egador. 8u9 obser#a:
D. 0espu9s de esta Gltima lAnea agregar:
$51%@rueba de H1 $/51%
$5&%@rueba de H& $/5&%
$5+%@rueba de H+ $/5+%
$5.%@rueba de H. $/5.%
$53%@rueba de H3 $/53%
$56%@rueba de H6 $/56%
4rabar " actuali'ar el na#egador. 8u9 obser#a:
g. 0espu9s de esta Gltima lAnea agregar:
$p%Esto estHaacuteI indicando ,ue es un nue#o parraDo el ,ue esto"
escribiendo en el editor " se #e de esta DormaC por si acaso sigo
escribiendo para #er el $b%resultado$/b%.$/p%
4rabar " actuali'ar el na#egador. 8u9 obser#a:
Taller +: Obser#ando el c>digo Duente de la p<gina (eb.
1. En el na#egador #isuali'ar la p<gina (eb taller&.5tml.
&. ir a el menG: Ber/C>digo Duente
8u9 obser#a:
Taller .: Listas.
1. Con el notepad o blo0 de notas escribir el siguiente c>digo " grabarlo con el
nombre de taller+.5tml
$5tml%
$5ead%
$title%Taller + Hcop"I$/title%
$/5ead%
$bod"%
$5+% Lista sin ordenar F con #iHntildeIetas$/5+%
$ul%
$l5%Cebecera de la lista$/l5%
$li%Elemento 1 $/li%
$li%Elemento & $/li%
$/ul%
$/bod"%
$/5tml%
4rabar " actuali'ar el na#egador. 8u9 obser#a:
&. Antes del $/bod"% agregar:
$5r%
$5+%Listas ordenadas$/5+%
$ol%
$li%Elemento 1$/li%
$li%Elemento &$/li%
$/ol%
4rabar " actuali'ar el na#egador. 8u9 obser#a:
+. 0espu9s de la Gltima lAnea anterior agregar:
$5r%
$5+%Lista de 0eDiniciHoacuteIn$/5+%
$dl%
$dt%THeacuteIcnica$/dt%
$dd%Es el saber HuacuteItil. Con!unto de conocimientos ,ue
se aplican para la soluciHoacuteIn deHnbspIproblemas
comple!os.
$/dd%
$/dl%
4rabar " actuali'ar el na#egador. 8u9 obser#a: