Sei sulla pagina 1di 5

Nombre de la materia:

Desarrollo de páginas web.

Nombre de la Licenciatura:
Ingeniería en Sistemas Computacionales.

Nombre del alumno:


María Guadalupe Rodríguez Dávila.

Matrícula:
000052331

Nombre de la Tarea:
Resolución de Ejercicios: I, II, III Y IV.

Unidad #III:
El lenguaje HTML y editores de páginas
web.

Nombre del Tutor(a):


Mtra. Mónica Arias Crisóstomo.

Fecha:
25 de Noviembre de 2017.
Unidad #3: El lenguaje HTML y editores de páginas web.
Actividad 3. Desarrollo de páginas web.

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.

11
2
Unidad #3: El lenguaje HTML y editores de páginas web.
Actividad 3. Desarrollo de páginas web.

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
4. <P>Texto</P> (5)
sin dejar una línea en blanco.
5. <BR> (3) Pone texto indicado en cursiva.
Se usa para encabezados siendo el número el
6. <CENTER>…</CENTER> ( 1 )
indicativo del tamaño.

11
3
Unidad #3: El lenguaje HTML y editores de páginas web.
Actividad 3. Desarrollo de páginas web.

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

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 donde para incluir columnas se engloba mediante la
Verdadero
etiqueta <TR> y </TR> y para incluir filas se utiliza <TD> y
</TD>

11
4
Unidad #3: El lenguaje HTML y editores de páginas web.
Actividad 3. Desarrollo de páginas web.

IV. Haciendo uso de otras características 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. <A HREF=”#MARCA”>YYY</<A>
Enlaces dentro de la misma página =

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

11
5

Potrebbero piacerti anche