Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
Ingeniería en sistemas Computacionales

Nombre del alumno

Mariavictoria romero roman
Matrícula
390001578

Nombre de la Tarea
Página Web

Unidad #
Unidad 2

Nombre del Profesor

Heriberto Hernandez Gonzalez
Fecha
XXX

Tarea 2
 Unidad 2: El lenguaje HTML y editores de pá ginas web
Desarrollo de pá ginas web

"Los buenos programadores usan sus cerebros, pero los estandares nos ahorran de tener que hacerlo en cada
caso"

-- Francis Glassborow

Objetivos:
● Conocer los fundamentos del lenguaje HTML
● Conocer las principales etiquetas y sus atributos.
● Conocer las características de los formularios.

Instrucciones:

● Alcayde, A., Gómez, J. (2014). Los lenguajes de marcas. En Construcción de páginas web (pp. 17- 46)

Forma de evaluación:

Criterio Ponderación Calificación obtenida

Presentación 10%

P
 Unidad 2: El lenguaje HTML y editores de pá ginas web
Desarrollo de pá ginas web

Desarrollo de Actividad 90%

Actividad II
Ejercicio I 25%
Ejercicio II 25%
Ejercicio III 40%

Introducción:

HTML (HyperText Markup Language) es el lenguaje utilizado para crear páginas web. Se trata de un
lenguaje de marcado que se utiliza para estructurar el contenido de la página, utilizando etiquetas que
definen los elementos y su formato.

Existen diversos editores de páginas web que facilitan la creación de páginas web en HTML. Algunos de
ellos son herramientas de software que se instalan en el equipo, mientras que otros son herramientas en
línea que se utilizan a través del navegador web. Estos editores suelen incluir funciones para facilitar la
edición de código HTML, como resaltado de sintaxis, autocompletado de etiquetas y vista previa de la
página en tiempo real.

Para desarrollar una página web, se suele seguir un proceso que incluye la planificación de la estructura y
el contenido de la página, la creación del diseño y la maquetación en HTML y CSS, la integración de
elementos interactivos y multimedia, y la publicación y mantenimiento de la página en línea. Este proceso
puede ser realizado por un diseñador web o por un equipo de desarrollo web, utilizando herramientas y
tecnologías que permiten crear páginas web modernas y atractivas, con funcionalidades avanzadas como
animaciones, efectos visuales y herramientas de interacción con el usuario

Desarrollo de la actividad:

I. Identifica las aracterística del lenguaje HTML .

Contesta las siguientes 5 cuestiones por medio de la lectura de los recursos en plataforma.
(Valor 25%)

● ¿La Característica de codificación en texto plano se define como?

La característica de codificación en texto plano se refiere a la forma en que se representan los datos en un
archivo o documento de texto, donde cada carácter se representa mediante un código numérico o binario.

● ¿Es el lenguaje utilizado para la creación de páginas web?

P
 Unidad 2: El lenguaje HTML y editores de pá ginas web
Desarrollo de pá ginas web

No, el lenguaje utilizado para la creación de páginas web es el HTML (HyperText Markup Language), aunque
también se utilizan otros lenguajes como CSS (Cascading Style Sheets) y JavaScript para dar estilo y
funcionalidad a las páginas web.

● ¿Es el principal compuesto del lenguaje HTML?

Sí, el principal compuesto del lenguaje HTML son las etiquetas (tags) que se utilizan para estructurar el
contenido de la página, definir los elementos de la página y aplicar estilos y formato.

● ¿Qué etiquetas se pueden definir dentro de la sección de cabecera?

Dentro de la sección de cabecera (head) de una página HTML se pueden definir varias etiquetas, entre ellas:

o La etiqueta <title>, que se utiliza para definir el título de la página, que se muestra en la pestaña del
navegador.
o La etiqueta <meta>, que se utiliza para definir información adicional sobre la página, como la descripción, las
palabras clave y la codificación de caracteres.
o La etiqueta <link>, que se utiliza para enlazar la página con otros recursos externos, como hojas de estilo CSS
o archivos de JavaScript.

● ¿Defina las etiquetas para el formato de texto?

Las etiquetas para el formato de texto en HTML incluyen:

o La etiqueta <h1> hasta <h6>, que se utilizan para definir los encabezados o títulos de la página, con diferentes
niveles de importancia.
o La etiqueta <p>, que se utiliza para definir párrafos de texto.
o La etiqueta <strong> y <em>, que se utilizan para aplicar negrita y cursiva al texto, respectivamente.
o La etiqueta <u>, que se utiliza para subrayar el texto.
o La etiqueta <br>, que se utiliza para insertar un salto de línea en el texto.
o La etiqueta <hr>, que se utiliza para insertar una línea horizontal en el texto.

P
 Unidad 2: El lenguaje HTML y editores de pá ginas web
Desarrollo de pá ginas web

II. Conocer los atributos que podemos utilizar en la etiqueta table nos permite utilizar
correctamente las tablas dentro de nuestro archivo .html.

Describe los atributos pertenecientes a la etiqueta table listados en el siguiente cuadro.

Imagen

Tablas etiquetas y atributos.

Etiquetas Descripción

<td colspan=2> se utiliza para fusionar dos celdas

horizontales en una sola celda que se
extiende sobre dos columnas.

<td rowspan=2> se utiliza para fusionar dos celdas verticales

en una sola celda que se extiende sobre dos
filas.

<td width=200> se utiliza para especificar el ancho de una

celda en píxeles o en porcentaje de la tabla

<td height=200> se utiliza para especificar la altura de una

celda en píxeles.

<table border=1> se utiliza para especificar el borde de la tabla,

con un valor de 1 para indicar que se desea un
borde visible.

<td bgcolor=blue> se utiliza para especificar el color de fondo de

una celda, utilizando un valor en hexadecimal
o en nombre de color. En este caso, el color de
fondo se establece en azul.

Anote su descripción

P
 Unidad 2: El lenguaje HTML y editores de pá ginas web
Desarrollo de pá ginas web

III. Conocer los atributos de los distintos componentes dentro de un archivo HTML nos permiten
generar páginas web de calidad para compartir contenido diverso.

Relaciona los conceptos con la descripción de la siguiente tabla ingresando el número

correspondiente a la respuesta correcta en los paréntesis. (Valor 40%)

Respuestas Definiciónes/Descripción
1.- Enlace
( 7 ) Es la parte más importante de la página web y
en esta zona es donde se guarda todo el
contenido que va a mostrar el navegador.

2.- <ol> ( 10 ) Es un lenguaje de marcas de hipertexto que

incorpora al texto etiquetas o marcas que
contienen información adicional sobre su
estructura o su presentación

3.- <META> ( 8 ) Permite definir una celda.

4.- <TR> ( 9 ) Este elemento permite crear un vínculo o

relación entre nuestro documento y otros
recursos.

5.- <TITLE></TITLE> ( 6 ) Se utiliza para definir una tabla.

6.- <TABLE> (4 ) Permite definir las distintas filas de la tabla.

7.- <body> ( 1 ) Es el elemento más importante dentro del

lenguaje HTML, ya que sin él no tiene sentido

P
 Unidad 2: El lenguaje HTML y editores de pá ginas web
Desarrollo de pá ginas web

hablar de navegación.

8.- <TD> (5 ) Permite indicar el título de la página web que

aparecerá en la barra del navegador

9.- <LINK> ( 2 ) Este elemento define una lista ordenada.

10.- HTML ( 3 ) Permite especificar metadatos de un documento

HTML.

Conclusion:

En conclusión, HTML es el lenguaje utilizado para crear páginas web y se trata de un lenguaje de
marcado que se utiliza para estructurar el contenido de la página, utilizando etiquetas que definen
los elementos y su formato. Los editores de páginas web son herramientas que facilitan la creación
de páginas web en HTML y pueden ser herramientas de software instaladas en el equipo o
herramientas en línea. Para desarrollar una página web, se sigue un proceso que incluye la
planificación de la estructura y contenido de la página, la creación del diseño y la maquetación en
HTML y CSS, la integración de elementos interactivos y multimedia, y la publicación y
mantenimiento de la página en línea. Este proceso puede ser realizado por un diseñador web o un
equipo de desarrollo web, utilizando herramientas y tecnologías avanzadas para crear páginas web
modernas y atractivas con funcionalidades avanzadas. En general, el conocimiento y dominio del
lenguaje HTML y de los editores de páginas web son fundamentales para el desarrollo de páginas
web efectivas y atractivas.

Escriba las referencias bibliográficas (formato APA).

Prescott, P. (2015). HTML 5. Babelcube Inc..

Lista de Elementos HTML5 (MDN, 2020).
Construcción de páginas web (Alcayde, A. y Gómez, J.; 2014).