Unidad 2: El lenguaje HTML y editores de páginas web
Desarrollo de páginas web
Tarea 2
"Los buenos programadores usan sus cerebros, pero los estándares 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%
Desarrollo de Actividad 90%
Actividad II
Ejercicio I 25%
Ejercicio II 25%
Ejercicio III 40%
Desarrollo de la actividad:
I. Identifica las características del lenguaje HTML.
Contesta las siguientes 5 cuestiones por medio de la lectura de los recursos en plataforma. (Valor 25%)
P
Unidad 2: El lenguaje HTML y editores de páginas web
Desarrollo de páginas web
● ¿La característica de codificación en texto plano se define como?
Un Texto plano (plain text), son aquellos archivos formados exclusivamente por texto (sólo caracteres), sin ningún formato;
es decir, no requieren ser interpretados para leerse (aunque pueden ser procesados en algunos casos). También son
llamados archivos de texto llano, simple o sin formato. En otras palabras, son archivos que contienen solo texto, pero no
hay información sobre el tipo de letra, ni formas (negrita, subrayados...), ni tamaños.
● ¿Es el lenguaje utilizado para la creación de páginas web?
HTML - HyperText Markup Lenguaje
El lenguaje de marcado de hipertexto es el lenguaje que se usa para escribir una página web. Está compuesto por etiquetas
que marcan el inicio y fin de una estructura como por ejemplo un párrafo de texto, una imagen o un enlace. HTML no es
un lenguaje de programación, pues carece de características como secuencias, condicionales y ciclos. A los archivos
escritos en este lenguaje se les llama informalmente como las páginas.
JS - JavaScript
JavaScript es un lenguaje de programación. Es el lenguaje que permite programar ciertas funcionalidades en el navegador
como animaciones o validación de datos. Los archivos escritos en este lenguaje los escucharás nombrar informalmente
como los scripts.
CSS - Cascading Style Sheet
Las hojas de estilo en cascada son un lenguaje que define el aspecto de una página web. CSS no es un lenguaje de
programación, es más bien un lenguaje descriptivo. Con CSS se definen las propiedades visuales del contenido de una
página: colores, tipo y grosor de letra, tamaño de los elementos del contenido, etc. Se suelen llamar informalmente como los
estilos.
P
Unidad 2: El lenguaje HTML y editores de páginas web
Desarrollo de páginas web
● ¿Es el principal compuesto del lenguaje HTML?
El lenguaje HTML está compuesto por elementos como el principal de todos, el elemento raíz,
<html></html>, este elemento nos sirve para definir o decirle a nuestro editor de texto con que tipo
de archivo vamos a trabajar, en este caso, le estamos diciendo que trabajaremos con el lenguaje
HTML, y dentro de este elemento van otros, como los documentos metadatos que van dentro de la
cabecera o del <head></head>, también están los scripts, las secciones, grupos de contenido,
semántica, nivel del texto, ediciones, contenidos incrustados como lo son audios, videos, mapas,
imágenes, etc, también podemos agregar tablas, formularios, contenidos interactivos etc.
● ¿Qué etiquetas se pueden definir dentro de la sección de cabecera?
Las etiquetas que se pueden definir dentro de la sección cabecera o dentro del “<head></head>”,
son las siguientes:
Etiqueta <title>titulo</title>: en esta etiqueta claramente nos dice que en ella tenemos que escribir
un título, y es correcto, ya que en esta etiqueta escribiremos el título que le daremos a nuestra
página web, y este aparecerá en la pestaña superior de nuestro navegador web.
Etiqueta <meta>: esta etiqueta sirve para aportar información sobre el documento.
Etiqueta <link>: esta etiqueta nos permite enlazar hojas de estilos, documentos, etc, esto lo que
hace es generar una relación entre el documento actual y cualquier otro archivo, elemento o recurso
externo.
● ¿Defina las etiquetas para el formato de texto?
En HTML hay distintas formas o distintas etiquetas que harán que nuestro texto resalte o se mire de
una forma diferente a la normal, las etiquetas para texto que conozco, son las siguientes:
La etiqueta <b>texto aquí</b>: esta etiqueta lo que hace es que pone en negrita todo el texto que
está dentro de la misma.
La etiqueta <i>texto aquí</i>: esta etiqueta es para darle la forma cursiva a el texto que tenemos
dentro de la misma etiqueta.
Etiqueta <u>texto aquí</u>: lo que hace esta etiqueta es que le da un formato subrayado a nuestro
texto.
Etiqueta <p>texto aquí</p>: sin esta etiqueta sería imposible escribir párrafos, esa es la función de
dicha etiqueta, ya que con ella podemos escribir todos los párrafos que queramos.
Etiqueta <mark>texto aquí</mark>: la función de esta etiqueta es resaltar partes importantes que
nosotros consideremos, es como en los libros físicos, si nosotros encontramos algo importante o que
no entendamos, lo remarcamos con una marca texto para después entender o sacar esas palabras
importantes.
P
Unidad 2: El lenguaje HTML y editores de páginas web
Desarrollo de páginas web
Etiqueta <small>texto aquí</small>: esta etiqueta nos permite hacer más pequeño nuestro texto.
Etiqueta <big>texto aquí</big>: y esta otra etiqueta nos permite representar nuestro texto en un
tamaño más grande.
Etiqueta <sup>texto aquí</sup>: esta etiqueta lo que nos permite es crear un superíndice, ya que lo
podemos necesitar para escribir un numero con potencia o algo por el estilo, primero escribimos el
numero base, como por ejemplo 19, y a dicho número le quiero agregar una potencia, por ejemplo, el
17, entonces lo que haré será lo siguiente, escribo el numero base, 19 y seguido escribo la etiqueta
<sup>17</sup>, entonces todo se escribe así: 19<sup>17</sup>, el resultado será el siguiente:
1917. Así como estas etiquetas existen muchas otras, cada con funciones diferentes, e incluso se
pueden combinar, hay algunas etiquetas que hoy en día ya no son tan comunes y otras sí.
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
La etiqueta <td>, lo que hace es definir una
celda de una tabla que contiene datos, y el
<td colspan=2>
atributo “colspan”, define el número de
columnas que debe abarcar una celda.
El atributo “rowspan” define el número de
filas que debe abarcar una celda, y el numero
<td rowspan=2> después del signo igual, es el valor que le
asignamos para que ese sea el número de
filas tomadas.
El atributo “width” indica el ancho de la celda en
<td width=200>
porcentaje o pixeles.
El atributo “height” indica el alto de la celda
también en porcentaje o en pixeles, estos
<td height=200>
atributos se usan más para darle tamaño a las
tablas.
La etiqueta <table>, es para representar
datos en dos o más dimensiones, y el atributo
“border” es para agregarle bordes a nuestra
<table border=1>
tabla y el valor que le asignamos es para que
nuestro borde tenga forma dependiendo del
valor.
El atributo “bgcolor” se utiliza para
especificar el color de fondo de una celda de
<td bgcolor=blue> la tabla, y posteriormente después del signo
igual, le indicamos el color que deseamos
agregar.
P
Unidad 2: El lenguaje HTML y editores de páginas web
Desarrollo de páginas web
Anote su descripción
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 Definiciones/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 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.
P
Unidad 2: El lenguaje HTML y editores de páginas web
Desarrollo de páginas web
Escriba las referencias bibliográficas (formato APA).
Página web: Información de «EcuRed: Enciclopedia cubana»
https://www.ecured.cu/Texto_plano
Página web: GCFGlobal.org
https://edu.gcfglobal.org/es/creacion-de-sitios-web/lenguajes-web/1/#
Página web: Referencia de elementos HTML
https://developer.mozilla.org/es/docs/Web/HTML/Element#tablas
Página web: Bobuu: 84 – HTML – Tablas – Atributos
https://bobuu.blogspot.com/2010/10/84-html-tablas-atributos-width-y-height.html
Libro digital: Construcción de páginas web (Alcayde, A. y Gomez, J.; 2014).
https://aula05.utel.edu.mx/course/visor.php?url=https://elibro.net/es/lc/utel/titulos/62474
P
