HTML

1. Introducción

HTML es el lenguaje con el que "escriben" una gran parte de páginas web. Las siglas significan HyperText Markup Language

Además de texto normal también incluye enlaces (links) que te permiten llegar a otras partes de la página (documento) o de Internet, y elementos multimedia

HTML contiene etiquetas , estas etiquetas indican cómo se presenta el documento y marcan el inicio y el fin de cada elemento del documento. Como por ejemplo:

Así se vería en la página:
Hola me llamo Alba

Además, los documentos HTML deben tener la extensión .htm o .html para poder ser visualizados en los navegadores.

Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

2. Un poco de historia...

Todo empezó en el 1980 cuando el físico Tim Berners-Lee propuso un nuevo sistema de "hipertexto" para compartir documentos. Una vez desarrollado, lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet, uniéndose con el ingeniero de sistemas Robert Cailliau así presentando su nueva propuesta WorldWide Web (W3)

El primer documento formal con HTML se publicó en 1991 bajo el nombre de HTML Tags (Etiquetas HTML)

2.1 Web 1.0

Es como la web primitiva, la del siglo XX, se caracteriza principalmente por ser unidireccional y realizada sobre contenidos estéticos. Las primeras páginas que vimos en Internet publicaban contenidos de texto que, una vez publicados, no se actualizaban salvo que el "webmaster" (desarrollador de la web y coordinador) modificase dichos contenidos y volviese a subir la web de nuevo a internet.

Tenía un carácter principalmente divulgativo, y empezaron a colgarse de internet documentos e información principalmente cultural. Poco a poco las empresas empezaron a tomar parte y las primeras webs de empresa surgieron, con diseños muy pobres y contenidos que rápidamente quedaban anticuados ja que era complejo actualizarlos.

2.2 Web 2.0

La Web 2.0 es conocida como Web Social. Un sitio Web 2.0 permite a los usuarios interactuar y colaborar entre sí como creadores de contenido generado por usuarios en una comunidad virtual.

Llena Internet de blogs, wikis, foros y finalmente, redes sociales. El objetivo de la web 2.0 es compartir el conocimiento, es la web colaborativa y ha sido uno de los atractivos principales para atraer a usuarios (Ej: La gente, antes de Facebook, casi no tocaba un ordenador.)

2.3 Web 3.0

Es la web de la nube, la web de las aplicaciones y la web multidispositivo. Hoy en día ya no solamente utilizamos ordenadores para conectarnos a Internet. Podemos usar tablets, smartphones hasta el televisor.

Principalmente aprovecha la nube para prestar servicios al usuario y eliminar su necesidad de disponer de sistemas operativos complejos y grandes discos duros para almacenar su información.

3. Fundamentos del lenguaje

Como ya mencionaba anteriormente, HTML funciona con etiquetas. Estas etiquetas están rodeadas por corchetes angulares (< >) y entre estos, debe haber el texto que indique la función de la etiqueta.

¿Cómo crear un archivo HTML?

1. Abrir el Bloc de notas
2. Escribir lo siguiente:
3. En el menú Archivo , elegir la opción Guardar y asignar un nombre terminado con .htm
4. Escribir lo siguiente para tener texto en el documento:
5. En el menú Archivo , elegir la opción Guardar y asignar un nombre terminado con .htm
6. Se pueden añadir encabezados y párrafos:

Algunas etiquetas HTML

Etiquetas	Función
< i >	Cursiva
< b >	Negrita
< sub >	Sub_índice
< sup >	Super^índice
< tt >	`Tipográfico`
< big >	Grande
< small >	Pequeño

4. HTML + CSS

CSS significa Cascading Style Sheets . Se pueden poner estilos de diferentes maneras pero la más común es guardar los estilos en archivos CSS diferentes.

Ventajas del uso de CSS

1. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.
2. Las hojas de estilo pueden compartirse en múltiples páginas, haciendo más fácil la actualización de un sitio web completo.
3. Podemos cambiar en cualquier momento alguna parte o la totalidad del diseño de nuestras páginas con solo modificar nuestra hoja de estilo, sin que ello suponga modificar el contenido.
4. Un sitio web, ya sea dinámico o estético, suele estar formado por unas cuantas páginas. Podemos enlazar a cada una de nuestras páginas las mismas hojas de estilo.
5. El lenguaje CSS ofrece una amplia gama de herramientas de composición más potentes que HTML.
6. Las hojas de estilo pueden usarse con otros lenguajes de programación para conseguir efectos dinámicos en las páginas.
7. Se pueden especificar hojas de estilo para distintos navegadores.

Alba Montero