Actividad I

  1. Historia del html
 
 
¿Qué es el HTML?
EL HTML es un lenguaje de programación para la elaboración de páginas web, basado en el uso de etiquetas encerradas por corchetes angulares (<>) el cual se utiliza para traducir la estructura y la información en forma de texto, con la posibilidad de agregar objetos como imágenes, videos etc. En la actualidad el HTML es complementado por otras tecnologías como las Hojas de Estilo en Cascada (CSS), el JavaScript entre otras.
 
Creador del HTML
El origen del lenguaje HTML se remonta al físico Tim Berners-Lee, un trabajador del CERN (Organización Europea para la Investigación Nuclear) quien a finales de 1989 propuso el lenguaje HTML junto con el protocolo HTTP, cuya finalidad era crear un medio para poder compartir información entre diversos “grandes” físicos de la época que trabajaban por todo el mundo.
 
Orígenes del HTML
El primer documento que se publicó de manera formal, sobre la estructura del HTML se publicó en el año de 1991 con el nombre de: “HTML Tags“, simplemente texto en donde se explican las etiquetas que se usan en HTML. Este documento aun se encuentra disponible para su consulta en la web: HTML Tags.
Tal y como explica el documento, en HTML se utilizan etiquetas de apertura y de cierre (solo en algunas excepciones no) en donde se abre con los corchetes angulares y se cierra de igual manera con los corchetes pero anteponiendo un  (/).
Es decir:

 

 
Versiones de HTML
El primero en salir fue el HTML 1, sin embargo no fue considerado un estándar, por lo que muchas veces se considera al HTML 2 como la primera versión del HTML.
 
HTML 2: Presentado en el año de 1995, el HTML 2 es considerado la primera versión del HTML, el cual no soportaba tablas y donde la declaración explícita de los elementos body, html y head es opcional.
HTML 3.2: Esta versión se lanzó en el año de 1997 gracias al organismo de estandarización llamado W3C (World Wide Web Consortium). El cual incorporó los últimos avances de las páginas web como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.0: Lanzada en 1998. 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.
HTML 4.01: salió a la luz en 1999 como una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.
HTML 5: quinta revisión importante del lenguaje básico de la World Wide Web,  el cual especifica dos variantes de sintaxis para HTML: el clásico HTML (text/html), y la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5. Este nuevo estándar aun no es tan utilizado pero su potencial es mucho mayor a las versiones anteriores, el cual incluye interesantes mejoras como nuevos elementos y etiquetas.

 

Fuente: https://webadictos.com/2012/12/30/breve-historia-del-html/

  1. Estructura de un documento HTML

 

Ver el documento adjunto en word

Estructura HTML.docx (19,2 kB)

 

Fuente: https://platea.pntic.mec.es/~abercian/guiahtml/estructura.htm

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

 

Para definir una etiqueta HTML, primero se debe definir un elemento HTML. Un elemento HTML es un componente individual de un documento HTML. 

Los documentos HTML están compuestos de un árbol de elementos HTML y otros nodos, como nodos de texto. Cada elemento puede tener atributos especificados. Los elementos también puede tener contenido: otros elementos y texto. Los elementos HTML representan la semántica o el significado. Por ejemplo, el elemento "title" (título) representa el título del documento. 

En la sintaxis HTML, la mayoría de los elementos son escritos con una etiqueta (tag) de inicio y una etiqueta (tag) final, con el contenido dentro de estos. 

Las etiquetas (o tags) están compuestas de un nombre de elemento, rodeado de paréntesis angulares: "<" y ">". 

La etiqueta final tiene un barra en el paréntesis angular que abre para distinguirlo de la etiqueta inicial. 

No todos los elementos requieren una etiqueta HTML final, en ocasiones se sobreentiende".

 

Fuente: https://www.alegsa.com.ar/Dic/etiqueta%20html.php

  1. Etiquetas básicas que maneja html con ejemplos

 

HTML define 91 etiquetas que los diseñadores pueden utilizar para marcar los diferentes elementos que componen una página:
 
a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var.
 
De todas las etiquetas disponibles, las siguientes se consideran obsoletas y no se pueden utilizar: applet, basefont, center, dir, font, isindex, menu, s, strike, u.
 
A pesar de que se trata de un número de etiquetas muy grande, no es suficiente para crear páginas complejas. Algunos elementos como las imágenes y los enlaces requieren cierta información adicional para estar completamente definidos.
 
La etiqueta <a> por ejemplo se emplea para incluir un enlace en una página. Utilizando sólo la etiqueta <a> no es posible establecer la dirección a la que apunta cada enlace. Como no es viable crear una etiqueta por cada enlace diferente, la solución consiste en personalizar las etiquetas HTML mediante cierta información adicional llamada atributos.
 
De esta forma, se utiliza la misma etiqueta <a> para todos los enlaces de la página y se utilizan los atributos para indicar la dirección a la que apunta cada enlace.
 
 
El primer enlace del ejemplo anterior no está completamente definido, ya que no apunta a ninguna dirección. El segundo enlace, utiliza la misma etiqueta <a>, pero añade información adicional mediante un atributo llamado href. Los atributos se incluyen dentro de la etiqueta de apertura. Por ahora no es importante comprender la etiqueta <a> ni el atributo href, ya que se explicarán con todo detalle más adelante.
 
No todos los atributos se pueden utilizar en todas las etiquetas. Por ello, cada etiqueta define su propia lista de atributos disponibles. Además, cada atributo también indica el tipo de valor que se le puede asignar. Si el valor de un atributo no es válido, el navegador ignora ese atributo.
 
Aunque cada una de las etiquetas HTML define sus propios atributos, algunos de los atributos son comunes a muchas o casi todas las etiquetas. De esta forma, es habitual explicar por separado los atributos comunes de las etiquetas para no tener que volver a hacerlo cada vez que se explica una nueva etiqueta. Los atributos comunes se dividen en cuatro grupos según su funcionalidad:
 
  • Atributos básicos: se pueden utilizar prácticamente en todas las etiquetas HTML.
  • Atributos para internacionalización: los utilizan las páginas que muestran sus contenidos en varios idiomas.
  • Atributos de eventos: sólo se utilizan en las páginas web dinámicas creadas con JavaScript.
  • Atributos de foco: relacionados principalmente con la accesibilidad de los sitios web.
Fuente: https://librosweb.es/xhtml/capitulo_2/etiquetas_y_atributos.html
  1. Manejo de tablas en Html, Realizar un ejemplo

 

tablas.docx (21227)

https://platea.pntic.mec.es/~abercian/guiahtml/tablas.htm

Manejo de formularios en HTML, realizar un ejemplo

 

Los formularios son una característica del estándar HTML Que permite a los autores recolectar información provista por los visitantes. Estos formularios pueden resultar útiles para reunir información personal, de contacto, preferencias, opiniones, o de cualquier otro tipo que el autor necesite. En este tutorial exl¡ploraremos todas las herramientas disponibles para construir formularios en HTML.

 

formularios-html-236-k8u3gi.pdf (54607)

Fuente: https://es.kioskea.net/contents/236-formularios-html