Introducción a HTML y al desarrollo web

Esta introducción a HTML nos ayudará enormemente a entender el funcionamiento de gran parte de la WEB; cómo se crean las páginas web y que hay detrás de ellas, además cómo estas pueden ser accesibles desde cualquier parte del mundo.

HTML es el lenguaje de marcado más fundamental para la web, lo que lo hace el más importante y sencillo de aprender para aquellos que comienzan su educación en desarrollo web.

Introducción para aprender HTML

Excelente, comencemos con algo muy básico. Estoy convencido de que todos aquí saben lo que es una página web; de hecho, es muy probable que estés realizando este curso en una página web, ¿no es así? Por supuesto que sí.

Para aquellos que no lo sepan, una página web y un sitio web son conceptos completamente distintos. A menudo, estos términos se utilizan indistintamente sin darles mucha importancia, pero es crucial distinguir entre ellos.

Definición de página web y sitio web

1. Página web.- Es un documento electrónico digital que puede contener elementos de texto, imágenes, vídeos, multimedia, enlaces, formularios,  etc. Además una página web posee una URL o comúnmente llamado link. Por ejemplo: https://desarrolladoresweb.org/tutorial-html-html5-completo/.
2. Sitio web.- Es un conjunto de páginas web, que están organizadas y estructuradas de tal manera que sea navegable, usable y estético para los usuarios y/o los motores de búsqueda. Además un sitio web tiene un nombre de dominio que es único en todo internet. Por ejemplo: www.desarrolladoresweb.org

¡Perfecto! Entonces ya sabes que un sitio web contiene a las páginas web. Dejémoslo ahí y no nos compliquemos.

Entonces de alguna manera podemos concluir de que internet es básicamente un océano de páginas web en gran parte, no hay de otra, si navegas por internet estás navegando por un mar de páginas web ¿Pero qué hay detrás de estas páginas web?

Para que me entiendas, detrás de todas las páginas web hay código HTML, la estructura de las páginas web se hacen con HTML y en este curso lo aprenderemos.

Desarrolladoresweb.org.

Recuerda que una página web es un documento digital que puede contener texto, imágenes, multimedia, enlaces, listas, tablas, formularios, entre otros elementos. Los navegadores web nos presentan estas páginas de una manera accesible. Inicialmente, un navegador web no muestra el código HTML con el que está construida la página, ¡eso sería abrumador! Entonces, ¿qué es lo que sucede? Eso es lo que exploraremos a continuación..

Los navegadores web

En términos simples, los navegadores web son programas que facilitan la navegación por internet, como Firefox, Chrome, Safari, Opera, entre otros. Gracias a ellos, es posible acceder a cualquier página web introduciendo su dirección o URL, ya sea a través de un enlace o tecleándola directamente.

Es correcto decir que las páginas web están construidas con código HTML; dicho código es procesado por el navegador para mostrar un contenido que cualquier usuario pueda entender.

Visualizar el código HTML de una página web es tan sencillo como hacer clic derecho con el ratón en cualquier parte de la página y seleccionar «Ver código fuente de la página». También es posible mediante la opción «Inspeccionar» que se encuentra debajo de la anterior. Así, podemos descubrir que detrás de cada elemento hay un código HTML.

Interacción de HTML y el navegador web

Te explicaré de manera muy sencilla cómo las páginas web están disponibles en todo momento y lugar, ya que asumo que estás iniciándote en este tema.

Los códigos HTML se pueden escribir en cualquier editor de texto, aunque es preferible utilizar un editor de código (Abordaremos este tema en otra lección). Una vez escritos, los códigos se guardan y para que estén disponibles en internet, se almacenan en un servidor que permanece conectado a la red constantemente.

Cualquier usuario puede solicitar a un servidor, a través de un navegador web, que muestre el contenido de un documento HTML. El servidor accede rápidamente al documento, interpreta el código y muestra una página con contenido comprensible, incluyendo textos, imágenes, listas, enlaces y otros elementos definidos previamente en el documento.

Cómo es un código HTML

Un código HTML se basa en etiquetas, conocidas como ‘tags’ en inglés, y es el tema que desarrollaremos a lo largo del curso. Aparentemente, está lleno de signos de menor y mayor, entre los cuales se colocan los nombres de las etiquetas para definir el tipo de elemento que se mostrará en la página web a través del navegador.

Por el momento, esto es más que suficiente. En la próxima lección, profundizaremos en HTML y examinaremos algunos ejemplos específicos.