Introducción
HTML (Hyper Text Markup Lenguage) es un leguaje de marcado de texto, lo cual
nos indica que no es un lenguaje de programación como Java, PHP, C o
VisualBasic. HTML es el lenguaje para escribir páginas web. Las marcas,
conocidas como etiquetas, describen la forma en la que se estructura el
contenido de una página web.
Las etiquetas describen diferentes elementos de la página, por ejemplo, la
etiqueta <p> se utiliza para delimitar párrafos de texto y la etiqueta <img> para
definir imágenes. El encargado de interpretar estas etiquetas es un programa
llamado navegador (browser), por ejemplo, el navegador Chrome de Google o el
Firefox de Mozilla. Los archivos que contienen el código HTML tienen la
extensión .htm o .html, y son archivos de texto plano (sin formato). Más adelante
veremos qué editores se pueden utilizar para crearlos, en este curso vamos a
utilizar el editor Brackets.
El lenguaje HTML es un estándar definido y mantenido por el consorcio
internacional World Wide Web Consortium (W3C) creado el 1 de octubre de
1994, por Tim Berners-Lee en el Instituto Tecnológico de Massachusetts (MIT),
actual sede central del consorcio. En este curso hemos intentado tener en cuenta
las etiquetas incorporadas al lenguaje HTML 5.2. en la última recomendación de
W3C disponible el 14 de diciembre de 2017 mientras redactábamos este curso.
Si quieres saber las historia del lenguaje HTML y de Internet visita este tema
básico: Historia del HTML y de Internet
Una página web debe estar escrita en HTML pero también suele incorporar otros
elementos como hojas de estilo CSS y programación con el lenguaje Javascript.
Con CSS se define el aspecto estético de la página y con Javascript se pueden
realizar tareas adicionales cómo abrir y cerrar ventanas, validar los datos
introducidos por los usuarios, y otras tareas que requieren ser programadas. El
conjunto de HTML, CSS y Javascript es lo que se conoce como front-end o capa
de presentación. Esta capa se ejecuta en el navegador, mientras que con back-
end o capa de datos se hace referencia a la programación realizada en el
servidor con lenguajes de programación web, (Java, PHP, Python, ...)
normalmente para obtener y grabar información en una base de datos. Los
lenguajes de programación orientados a la web, ejecutados en el servidor, son
capaces de generar el código HTML que finalmente se va a ver en el navegador
web.
En este curso nos vamos a centrar en el lenguaje HTML y en las hojas de estilo
CSS, ya que Javascript entra dentro de otra categoría, la de los lenguajes de
programación.
Vamos a presentar las etiquetas de HTML agrupadas en bloques según su uso,
veremos primero las más utilizadas, de esta forma iremos creando páginas web
sencillas que completaremos progresivamente. Así resultará más fácil entender
HTML para alguien que empieza desde cero. Por otro lado, también tenemos la
unidad 18 con las etiquetas de HTML ordenadas alfabéticamente. Para cada
etiqueta se muestra una breve definición de la etiqueta, un ejemplo de su uso y
enlaces para ver su definición según [Link]. De esta forma este curso también
se puede utilizar como referencia para los que ya saben HTML pero necesitan
consultar alguna etiqueta en concreto.
A lo largo del curso iremos haciendo ejercicios paso a paso, al final de cada tema
hay unos ejercicios propuestos con su solución. También hay autoevaluaciones
y vídeos donde se explica lo fundamental de cada unidad. Aprender HTML y CSS
es fácil, anímate a seguir este curso y lo comprobarás por ti mismo.
En este vídeo puedes ver lo más fundamental de esta unidad:
