You are on page 1of 7

HTML

Franco Quintana Morgado

PROGRAMACIÓN HTML I

Instituto IACC

Ponga la fecha aquí


Desarrollo

1. Elabore un cuadro cronológico del desarrollo del lenguaje HTML. Incorpore en el cuadro los

aportes generados en cada uno de los años e identifique los principales conceptos asociados.

Utilice la siguiente tabla para la organización de los contenidos y defina cada uno de los

conceptos incorporados en ella.

Año ¿Cuáles son los aportes? Conceptos asociados

Tim Berners-Lee (físico) propone un sistema basado en

1980 hipertexto, de tal forma que sea posible compartir Hipertexto.

documentos. Junto Robert Cailliau (ingeniero de

sistemas) crea la World Wide Web.

1991 Se publica el primer manual del lenguaje HTML, bajo el Manual de HTML

nombre de HTML Tags.

IETF (Internet Engineering Task Force), presenta HTML

como el lenguaje oficial de internet. Lenguaje oficial de

1993 Se definen los tags para las imágenes, formularios y Internet.

tablas, de esta manera nacen HTML y HTML+, pero no

logran convertirse en estándares oficiales

1995 IETF publica HTML 2.0, que será el primer estándar Estándar oficial.

oficial de HTML.

En este año World Wide Web Consortium (W3C)

1997 publicará la versión HTML 3.2, la cual contiene los Versión HTML 3.2

últimos avances en las páginas web, tales como applets de Applets de Java

Java y texto junto a las imágenes


En abril se publica HTML 4.0, en la cual se incorpora el

uso de las hojas de estilo CSS así como la posibilidad de Versión HTML 4.0

incrustar scripts de lenguajes como Java dentro de las Hojas de estilo CSS

1998 páginas.

También se adicionan tablas y formularios mas

complejos.

Se elabora la versión 4.01, en la cual se actualiza la

1999 anterior HTML 4.0, sin embargo, no se observan cambios Versión HTML 4.01

significativos.

Apple, Mozilla y Opera se organizaron en una nueva WHATWG (Web

2004 asociación llamada WHATWG (Web Hypertext Hypertext Application

Application Technology Working Group). Technology Working

Group)

WHATWG publica en octubre la versión HTML 5, en la

2014 cual están basados los navegadores actuales y que HTML 5

permiten interactuar mucho mejor con archivos de audio

y video.
2. Describa y explique los elementos que componen la estructura HTML básica de las siguientes

páginas web:

En este primer código se advierten distintos elementos:

Primero observamos la etiqueta <html>, la cual se cerrará al final del código de la siguiente

manera </html>, estas sirven para que el navegador “sepa” que se está introduciendo código en

lenguaje HTML, todo lo que se encuentre dentro de estas etiquetas conformará la página web.

Posteriormente, entre las etiquetas <html> </html>, podemos apreciar dos secciones bien

diferenciadas, primero tenemos la cabecera carcaterizada por las etiquetas <head> </head>, y en

la cual se insertan elementos como el título de la página, en este caso es “Titulo Pagina Web”, así

como también los metadatos, estilos, código en javascript, etc.

La segunda sección corrersponde al Body, el cuerpo, el cual posee las etiquetas <body> </body>,

en este lugar va el contenido de la página, el cual puede ser, imágenes, fotos, texto, etc.

La etiqueta <body> </body>, puede contener diversos atributos en los cuales se indiquen la

manera en cómo será visualizado el docuemtno, por ejemplo, el color del texto, tamaño,

formateo de éste. Es decir, podrá contener diversos elementos y la manera en cómo éstos serán

distribuidos y organizados en la página web.


Debemos recordar que HTML es un lenguaje de Marca de Hipertexto, HyperText Markup

Language, es decir, no es un lenguaje de programación propiamente dicho como Java, Python o

PHP.

En la imagen anterior se observa, en un documento escrito en el block de notas, nuevamente los

elementos nombrados anteriormente.

Primero las etiquetas <html> </html>, para indicar al navegador que se ha introducido código en

HTML, después dentro de la cabecera, entre las etiquetas <head> </head>, el título de la página

de la siguiente manera:

<title> Mi primera pagina creada </title>, el cual aparecerá en la parte superior, en la pestaña del

navegador.

Posteriormente en el cuerpo, dentro de las etiquetas <body> </body>, aparece el texto “Este

texto sería el encabezado” dentro de las etiquetas <i> </i>, que corresponden al marcado del
texto con un estilo cursiva o itálica, por tanto el texto aparecería en panmtalla de la siguiente

manera: “Este texto sería el encabezado”.

Finalmente se observan las etiquetas de cerrado del cuerpo y de HTML.


Bibliografía

Material de estudio semana 1, IACC.

You might also like