Practica 1

U.A.C.
H
T
M
L
Prcticas
COMPUTACIN II
Academia
de
0
Informtic
a
HTML Bsico
Prctica
El objetivo de esta prctica es familiarizarse con el lenguaje HTML, por lo que se trabajar con
un editor llamada GEL que es un software libre que nos permite trabajar pginas web, aunque
existen otros mtodos para conseguir el mismo resultado (editores de HTML o conversores
desde otras aplicaciones). Esta prctica consiste en un website que se ir completando
progresivamente.
Fundamentos Tericos.
HTML es un lenguaje para la definicin de estilos lgicos en documentos de hipertexto, siendo
el medio principal para publicar informacin en Internet. HTML se limita a describir la
estructura y el contenido de un documento, nunca el formato de la pgina y su apariencia, ya
que stos son muy dependientes del visualizador utilizado.
Los documentos HTML se dividen en cuatro partes bien diferenciadas:

1. La Cabecera de tipo de documento
La usa el software para saber la versin de HTML que se est usando (no visible).
2. La Cabecera del documento (document HEADer)
Usada para dar informacin sobre el documento (no visible).
3. El Ttulo del documento se almacena en la cabecera (HEAD) del documento. No
es visible dentro de la pgina web, pero muchos visualizadores lo muestran en
alguna parte.
4. El Cuerpo del documento (document BODY)
Es la parte principal del documento, la parte que el usuario ve.
Estas tres partes pueden verse en la plantilla mostrada a continuacin.
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
La primera lnea indica que es un documento HTML:

<HTML>
La segunda y quinta lnea delimitan la cabecera del documento:
<HEAD>
</HEAD>
La tercera y cuarta lnea delimitan el ttulo del documento:
<TITLE>
</TITLE>
La sexta y sptima lnea delimitan el cuerpo del documento:
<BODY>
</BODY>
La ltima lnea indica que finaliza el documento HTML:
</HTML>
Ejercicio I. Prctica Paso a Paso.

Paso 1. Crea una carpeta en la unidad C llamada prcticas, crea dentro de este directorio una
carpeta llamada practica1Ej1.
Paso 2. Busca en el escritorio el siguiente icono

o bien oprime el botn de inicio,
elige la opcin programas, busca el programa gel y da doble clic sobre la aplicacin.
Entorno de trabajo.
Paso 3.
Para crear una pgina web, elige la opcin a) file b)new c) html file
al archivo.
d) Escribe un nombre
Paso 4. Una vez que el archivo tenga un nombre, aparecen las etiquetas o directivas bsicas
que tiene una pgina web.
Paso 5. Escriba entre las etiquetas <title> </title> lo siguiente: Practica 1.

Escriba entre las etiquetas <body> </body> lo siguiente:
( Mi primera pgina Web )
Bienvenido al curso de Computacin II en la U.A.C.M.

Esta es mi primera pgina, es muy sencilla, pero como el
lenguaje HTML es fcil, pronto estar en condiciones de hacer
cosas ms interesantes.
Paso 6. Guarde las modificaciones y visualice en el navegador de Internet Explorer el resultado.
Escriba sus observaciones:
Paso 7. Agrega a la prctica las etiquetas como se muestra a continuacin.

 
 

Paso 8. Agrega a la prctica la etiqueta <HR> como se muestra a continuacin.

<HR>
 
 
Paso 9. Agrega a la prctica la etiqueta como se muestra a continuacin.
 ( Mi primera pgina Web ) 
<HR>
 
 
Paso 10. Agrega a la prctica la etiqueta como se muestra a continuacin.

 ( Mi primera pgina Web ) 
<HR>
 
Bienvenido al curso de Computacin II en la U.A.C.M.
 

Ejercicio II. Retroalimentacin

1. Para qu utilizas la etiqueta <HTML>?
2. Para qu utilizas la etiqueta <HEAD>?
3. Para qu utilizas la etiqueta <BODY>?
4. Para qu utilizas la etiqueta <TITLE>?
5. Qu indica la diagonal antes del nombre de una etiqueta?
6. Para qu utilizas la etiqueta ?
7. Para qu utilizas la etiqueta <HR>?
8. Para qu utilizas la etiqueta ?
9. Para qu utilizas la etiqueta ?
Ejercicio III. Investigacin.

1. Para qu se utiliza la etiqueta y como se marca
el fin de la etiqueta?
2. Con qu etiqueta se cambia el color al texto?
3. Qu etiqueta se utiliza para los prrafos?
4. Indica para que se utilizan los atributos size y width en la
etiqueta <HR>?
5. Cmo son codificados los colores en HTML, es decir cuantos
dgitos tienen y en que estn escritos?
Ejercicio IV. Ejercicio Propuesto.

Instrucciones
1. En la carpeta de la unidad C llamada prcticas y dentro del subdirectorio practica1, crea
una nueva pgina web llamada Practica1Ej4.html
2. En la barra de ttulo del navegador deber mostrarse la leyenda UACM
3. Como parte del texto a ser visualizado en la pgina web, en la parte superior con letra
negrita escriba Universidad Autnoma de la Ciudad de Mxico.
4. Separe con 3 saltos de lnea sus datos personales.
5. Escriba sus datos personales: Nombre, Boleta, Carrera. Estos datos debern ser mostrados
con letra cursiva.
6. Imprima un separador y posteriormente escriba en 3 lneas que es lo que le gusta ms de
su carrera.

Practica 1

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Practica 1

Загружено:

Авторское право:

Доступные форматы

U.A.C.

Los documentos HTML se dividen en cuatro partes bien diferenciadas:

La primera lnea indica que es un documento HTML:

Ejercicio I. Prctica Paso a Paso.

Paso 2. Busca en el escritorio el siguiente icono

Paso 5. Escriba entre las etiquetas <title> </title> lo siguiente: Practica 1.

Bienvenido al curso de Computacin II en la U.A.C.M.

Paso 7. Agrega a la prctica las etiquetas <BR> como se muestra a continuacin.

Esta es mi primera pgina, es muy sencilla, pero como el

Paso 8. Agrega a la prctica la etiqueta <HR> como se muestra a continuacin.

Paso 10. Agrega a la prctica la etiqueta <I> como se muestra a continuacin.

Esta es mi primera pgina, es muy sencilla, pero como el

Ejercicio II. Retroalimentacin

Ejercicio III. Investigacin.

Ejercicio IV. Ejercicio Propuesto.

Вам также может понравиться