Desarrollo de Paginas Web Semana 3 Resuelto

Nombre de la materia
Desarrollo de páginas web
Nombre de la Licenciatura
Ingeniería en Sistemas Computacionales
Nombre del alumno
Matrícula
xxxx
Nombre de la Tarea
Desarollo de páginas web
Unidad #
El lenguaje HTML y editores de páginas
web
Nombre del Profesor

000000000000000000
Fecha
000000000000000000
Unidad 3: El lenguaje HTML y editores de páginas web
ACTIVIDAD 3
“¿Sabías que…
El lenguaje HTML se estructura utilizando códigos y etiquetas, con los cuales el navegador
web tiene la responsabilidad de leer e interpretar estos códigos y los preesnte de manera
gráfica para la persona que visita la página web”
Objetivos:
 Reconocer las etiquetas elementales del lenguaje HTML
Instrucciones:
Revisa los siguientes materiales pertenecientes a los recursos de la semana 2:
Página web
 Curso de HTML (Bosch, 2006). Describe las características básicas de un documento

HTML, así como la función de las etiquetas utilizadas.
Video
 Lenguaje Básico HTML Parte 01 (aguirrepm, 2008). Explica la realización de una

página HTML básica.
Deberás descargar la actividad en Word y responder directamente en el documento.
Forma de evaluación:
Criterio Ponderación Calificación obtenida
Presentación 10%
Desarrollo de ejercicios 90%
Ejercicio I 20%
Ejercicio II 20%
Ejercicio III 20%
Ejercicio IV 30%
Desarrollo de la actividad:
I. El lenguaje HTML (HyperText Maru Language) es el uso de las etiquetas (tags).

Funcionan de la siguiente manera: <XXX> Este es el inicio de una etiqueta.
</XXX> Este es el cierre de una etiqueta.
Relaciona las siguientes columnas colocando en el paréntesis el número

correspondiente. (Valor 20%)
DESCRIPCIÓN CONCEPTO
1.- <HTML></HTML> (4) Cuerpo incluye todo lo que queremos que aparezca en la
pantalla principal
2.- <HEAD></HEAD> (3) Título del documento que ese encuentra dentro de la
cabecera
3.- <TITLE></TITLE> (2) Cabecera hay información del documento que no se ve

en la pantalla principal
4.- <BODY></BODY> (1) Etiquetas que indican el inicio y termino del documento
II. Después de identificar la estructura básica de un documento de HTML, ahora es

tiempo de dar forma al texto por cual es necesario revisar otras etiquetas
situadas en el cuerpo del documento; lo cual nos permitirá ver de una manera
más atractiva lo que deseamos visualizar en la página web.
Relaciona la descripción con su respectivo concepto. Coloca en el paréntesis el

número correspondiente. (Valor 20%)
Etiqueta Descripción
1. <h1>Texto</h1> (4) Permite separar el texto en distintos párrafos dejando una

línea en blanco
2. <B>Texto</B> (6) Centra todo lo que este dentro de ella.
3. <I>Texto</I> (2) Pone el texto indicado en negrita
Separa los párrafos, o cualquier otra cosa, pero sin dejar

4. <P>Texto</P> (5) una línea en blanco
Pone texto indicado en cursiva
5. <BR> (3)
Se usa para encabezados siendo el número el indicativo del
6. <CENTER>…</CENTER> (1) tamaño.
III. Continuamos con etiquetas que nos permiten organizar el contenido a mostrar en
la página.
Responde si es Falso o Verdadero, en caso de ser falso indica la respuesta

correcta. (Valor 20%)
Afirmaciones Falso o verdadero
Listas desordenadas son representadas de la siguiente manera: Falso
<UL>
<LI> Primer Elemento
<LI> Segundo Elemento
<LI> Tercer Elemento
<LI> ETC.
</UL>
Listas de definición son apropiadas para glosarios y son verdadero

representadas por las etiquetas <DL> y </DL>
La etiqueta <TABLE> nos permite incorporar tablas al documento verdadero

donde para incluir Columnas se engloba mediante la etiqueta <TR>
y </TR> y para incluir filas se utiliza <TD> y </TD>
IV. Haciendo uso de otras caracteristicas que han influido en el éxito de la web, al
permitir unir distintos documentos repartidos por todo el mundo por medio de
enlaces hipertexto así como el uso de imágenes que mejoran la presentación de
la página.
Organiza las etiquetas indicadas en los rectangulos que den solución a los
puntos indicados. (Valor 20%)
1. Enlaces dentro de la misma página

<A HREF=”#MARCA”>YYY</<A>
2. Enlaces con otra página nuestra

<A HREF=”pagina.html”>Ejemplo</<A>
3. Enlaces con una página fuera de nuestro sistema

<A HREF=”http://www.google.com”>Ejemplo</<A>
4. Muestra una imagen

<IMG SRC=”imagen.gif”>
5. Muestra una imagen con descripción

<IMG SRC=”imagen.gif” ALT=”descripción”>
6. Muestra un texto alineado en medio de la imagen

<IMG SRC=”imagen.gif” ALIGN=”middle”>
7. Muestra un texto alineado abajo de la imagen

<IMG SRC=”imagen.gif” ALIGN=”bottom”>
8. Enlace mediante una imagen

<A HREF=”pagina.html”><IMG SRC=”img.gif”></<A>
9. Muestra una imagen donde dimensiones su tamaño.

<IMG SRC=”imagen.gif” WIDTH=”150”
HEIGTH=”75”>
Escriba las referencias bibliográficas (formato APA).
«First mention of HTML Tags on the www-talk mailing list». World Wide Web Consortium. 29 de
octubre de 1991.
«HTML Tags». World Wide Web Consortium.

Desarrollo de Paginas Web Semana 3 Resuelto

Cargado por

Copyright:

Formatos disponibles

Desarrollo de Paginas Web Semana 3 Resuelto

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Desarrollo de Paginas Web Semana 3 Resuelto

Cargado por

Copyright:

Formatos disponibles

Nombre de la materia

Desarrollo de páginas web

Nombre del alumno

Nombre del Profesor

 Reconocer las etiquetas elementales del lenguaje HTML

Revisa los siguientes materiales pertenecientes a los recursos de la semana 2:

 Curso de HTML (Bosch, 2006). Describe las características básicas de un documento

 Lenguaje Básico HTML Parte 01 (aguirrepm, 2008). Explica la realización de una

Deberás descargar la actividad en Word y responder directamente en el documento.

Criterio Ponderación Calificación obtenida

Desarrollo de ejercicios 90%

I. El lenguaje HTML (HyperText Maru Language) es el uso de las etiquetas (tags).

Relaciona las siguientes columnas colocando en el paréntesis el número

3.- <TITLE></TITLE> (2) Cabecera hay información del documento que no se ve

II. Después de identificar la estructura básica de un documento de HTML, ahora es

Relaciona la descripción con su respectivo concepto. Coloca en el paréntesis el

1. <h1>Texto</h1> (4) Permite separar el texto en distintos párrafos dejando una

2. <B>Texto</B> (6) Centra todo lo que este dentro de ella.

3. <I>Texto</I> (2) Pone el texto indicado en negrita

Separa los párrafos, o cualquier otra cosa, pero sin dejar

Responde si es Falso o Verdadero, en caso de ser falso indica la respuesta

Afirmaciones Falso o verdadero

Listas desordenadas son representadas de la siguiente manera: Falso

<LI> Primer Elemento

<LI> Segundo Elemento

<LI> Tercer Elemento

Listas de definición son apropiadas para glosarios y son verdadero

La etiqueta <TABLE> nos permite incorporar tablas al documento verdadero

1. Enlaces dentro de la misma página

2. Enlaces con otra página nuestra

3. Enlaces con una página fuera de nuestro sistema

4. Muestra una imagen

5. Muestra una imagen con descripción

6. Muestra un texto alineado en medio de la imagen

7. Muestra un texto alineado abajo de la imagen

8. Enlace mediante una imagen

9. Muestra una imagen donde dimensiones su tamaño.

Escriba las referencias bibliográficas (formato APA).

«HTML Tags». World Wide Web Consortium.

También podría gustarte