Actividad HTML

1. Historia del html

1.2. Breve historia de HTML

La historia completa de HTML es tan interesante como larga, por lo que a continuación se muestra su historia resumida a partir de la información que se puede encontrar en la Wikipedia.

El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN(Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto"para compartir documentos.

Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el"hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto"podrían asimilarse a los enlaces de las páginas web actuales.

Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).

El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.

La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.

En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.

A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamadoW3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.

HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.

La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.

Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).

La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.

De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).

XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.

Sacado de: https://librosweb.es/xhtml/capitulo_1/breve_historia_de_html.html

 

HTML es un lenguaje de marcas de hipertexto, sus inicios se remontan a 1980 cuando Tim Berners propuso un sistema de hipertexto para compartir documentos. Los sistemas de hipertexto permitian a los usuarios visualizar los documentos electrónicos lo cual se parecia mucho a lo que es hoy en día los vinculos a las páginas web. 

Tim Berners-Lee se unió con Robert Cailliau y presentaron el proyecto world wide web en una convocatoria para diseñar un sistema de hipertexto para internet el cual fue el ganador.

En el año 1991 se publicó el primer documento formal HTML con el nombre de HTML tags o etiquetas HTML. En 1993 por parte de IETF (Internet Engineering Task Force) se presentó la primer propuesta para convertir HTML en un estandar, aunque se lograron avances importantes como la creación de etiquetas para imágenes, tablas y formularios no se logró convertielo en un estandar. En 1995 IETF logró publicar el 22 de septiembre el primer estandar oficial HTML bajo el nombre de HTML 2.0. A partir de 1996 los estandares HTML eran publicados por W3C (World Wide Web Consortium) quien publicó la versión HTML 3.2 en enero de 1997 la cual incorporaba avances como applets de java y texto alrededor de las imágenes. En 1998 se publicó HTML 4.0 en la cual  se podia incluir hojas de estilo CSS y pequeños programas (javascript) en las paginas web, mejoras en el diseño, se podian elaborar tablas complejas y se hicieron mejoras en la elaboración de formularios, la última actualización de esta se dió en 1999 y se llamó HTML 4.01.

En el 2004 las empresas Mozilla, Apple y Opera formaron WHATWG (Web Hypertext Application Technology Working Group) debidpo a que W3C se había centrado en el desarrollo del estandar XHTML dejando de lado a HTML, la actividad actual de WHATWG se centra en la estandarización HTML 5 cuyo primer borrador oficial se publicó en el 2008 lo cual hizo que W3C retomara la actividad estandarizadora de HTML; de forma paralela W3C a continuado con HTML y la estandarización XHTML la cual es una versión avanzada de HTML basada en XML, su primera version se publicó en 2000 con el nombre XHTML 1.0 y se revisó en el 2002 esta era una adaptación de HTML 4.01 al lenguaje XML por lo que mantiene casi todas sus etiquetas y características pero añade algunas restricciones y elementos propios de XML de XHTML ya se han publicado los borradores de las versiones XHTML 1.01 y XHTML 2.0.

2. Estructura de una página en html

3. Que es una etiqueta y cual es su sintáxis para su manejo en html?

Las etiquetas son una especie de código con el cual se estructura o elabora una pagina web desarrollada en html. 

Sintaxis

 

4. Etiquetas básicas que maneja html con ejemplos

* ETIQUETA DE TITULO O ENCABEZADO

 
 
* ETIQUETA DE PARRAFO, NEGRITA, CURSIVA Y SUBRAYADO
La etiqueta de parrafo es la P, en un párrafo tambien podemos colocar texto en NEGRITA con la etiqueta B, en ITALICA o cursiva con I y SUBRAYADO con U.
 
 
*ETIQUETA FONT
Se usa para darle formato a un texto, es de apertura y cierre, tiene los atributos FACE (tipo de letra o fuente), SIZE (tamaño de la letra) y COLOR (color de la letra)
 

ATRIBUTOS DE LA ETIQUETA BODY

* BGCOLOR
Le da un color de fondo a la página Html
 
* BACKGROUND
Esta solo se emplea cuando se va a colocar una imagen de fondo.
 
 

5.  Manejo de tablas en Html, Realizar un ejemplo

TABLAS

Las tablas se utilizan para organizar la información contenida dentro de la página web, es una etiqueta que tiene apertura y cierre.

Al crear una tabla en código Html  la cual queremos visualizar, siempre iniciamos con:

  

En la creación de tablas en Html no existe la concepción de columnas, solo filas y celdas las cuales se crean con las sigientes etiquetas.

 

  

Las tablas a demás del atributo border:tamaño del borde de la tabla, tambien tiene bordercolor: color del borde, bgcolor: color de la tabla, background: fondo de la tabla, cellspacing: espacio entre las celdas, cellpadding: espacio entre el borde de cada celda y su contenido, width:ancho de la tabla con respecto al ancho de la ventana, se pude colocar en pixeles o en porcentaje. 

 

USO DE BORDERCOLOR Y BGCOLOR EN UNA TABLA

 

USO DE BACKGROUND EN UNA TABLA

WIDTH, CELLPADDING Y CELLSPACING

WIDTH: Cuando se coloca el valor en porcentaje indica que el tamaño de la tabla es proporcinal a el tamaño de la ventana del navegador y cuando se coloca el valor en pixeles el tamaño de la tabla es fijo, no se modifica si se maximiza o se restaura el tamaño de la ventana del navegador.

 

USO DE FRAME EN LAS TABLAS

El atributo frame establece que lados del borde exterior de la tabla son visibles y puede tomar los de void (sin borde), above  (borde superior), below (borde inferior), hsides (bordes horizontales), lhs (borde izquierdo), rhs (borde derecho), vsides (bordes verticales), box y border (los curto bordes).
 
FRAME=VOID
 
 
FRAME="ABOVE"
 
FRAME="BELOW"
 
FRAME="HSIDES"
 
FRAME="LHS"
 
FRAME="RHS"
 
FRAME="VSIDES"
 

ALINEACION DEL CONTENIDO DE UNA TABLA

ALINEACION DEL CONTENIDO DE UNA FILA O LO CONTENIDO ENTRE LA APERTURA Y CIERRE DE LA ETIQUETA TR
Para la alineación de forma vertical se usa el atributo VALIGN (alineación vertical) con los valores:
 
VALIGN="TOP" alinea arriba
 
VALIGN="MIDDLE" alinea en el centro
 
VALIGN="BUTTOM" alinea abajo
 
Para la alineación de forma horizontal se usa el atributo ALIGN (alineación horizontal) con los valores:
 
ALIGN="CENTER" -------- HORIZONTAL CENTRADA
 
ALIGN="LEFT" --------- HORIZONTAL IZQUIERDA
 
ALIGN="RIGHT" --------- HORIZONTAL DERECHA
 
ALIGN="JUSTIFY" ------- JUSTIFICADO
 
NOTA: estas alineaciones tambien se pueden aplicar a celdas específicas y no a toda la fila
 
Tambien se pueden combinar o unir celdas con los atributos COLSPAN Y ROWSPAN, esto solo se aplica a las celdas es decir a las etiquetas TH y TD 

 

COLSPAN 

 

ROWSPAN

 

5. Manejo de formularios en HTML, realizar un ejemplo

 

Nota:  insertar videos que nos visualicen como trabajar con las etiquetas anteriores...

 

Actividad Html

1.  Crear una tabla en Html con la  hora, los dias de la semana y las clases que reciben por dia y en la parte superior debe aparecer horario de clase y una imagen que tenga que ver con ingeniería o tecnolgía de sistemas.

 

2.  Realizar el siguiente formulario con codigo Html....

 

 

 

 

www.dropbox.com/s/d7drm64btb615mc/programacion%20web%201.zip