Html

SERVICIO NACIONAL DE APRENDIZAJE
SENA CEAI


MANUAL HTML Y HTML5


















Introducción al 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 comoimá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.
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 eracrear un medio para poder compartir información entre diversos “grandes” físicos de la época que trabajaban por todo el mundo.
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 consultaen 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 seconsidera 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 cualincorporó 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ándaraun no es tan utilizado pero su potencial es mucho mayor a las versiones anteriores, el cual incluye interesantes mejoras como nuevos elementos y etiquetas.
Instalación de entorno web
En este caso trabajaremos con notepad++.
1. Nos dirigimos a la siguiente página web: notepad-plus-plus.org
2. Damos clic en el hipervínculo Download

3. Damos clic en el hipervínculo Notepad++ Installer

4.Clic en save file

5. Seleccionamos el idioma

6. Clic en siguiente

7. Aceptamos el contrato de licencia

8. Escogemos la carpeta de instalación o en este caso la dejamos por defecto

9. Dejamos las casillas por defecto y le damos clic en siguiente

10. Dejamos las casillas por defecto y le damos clic en instalar

11. Damos clic en terminar

12. Este es nuestro editor instaladoPRIMERA PAGINA WEB
Para trabajar páginas web en HTML primero necesitamos un editor de texto entre los cuales se encuentran: Notepad, Notepad++, NetBeans, Sublime Text, Eclipse, entre otros. Segundo un navegador web como Internet Explorer, Mozilla Firefox o Chrome. Para nuestro primer ejemplo creamos una carpeta en el escritorio con el nombre de ejercicios_html, abrimos nuestro editor de texto,...