1.1 Historia de HTML
Hoy en día, casi todas las personas usan Internet. Lee artículos, usa un navegador, sigue enlaces. Y solo unos pocos se preguntan cuándo y quién inventó Internet.
Todavía depende de cómo llames a Internet. La mayoría de las veces, el profano significa una cosa y el técnico significa otra. La red informática que conecta los centros de datos más grandes del mundo se creó en los años 70. Pero Internet accesible para una persona común (navegador, enlaces, todo tipo de páginas) fue inventado por una persona a principios de los años 90 . Y fue así...
A principios de la década de 1990, el británico Tim Berners-Lee inventó Internet. Aunque, sin embargo, lo que inventó se llama más correctamente la Web: World Wide Web
es www
, también es la World Wide Web. Sí, un hombre inventó la World Wide Web.
De 1986 a 1991 trabajó en el Centro de Investigación CERN (en Ginebra, Suiza) en un nuevo estándar de documentación científica. Verá, es costumbre que los científicos publiquen artículos científicos en forma de artículos, y al final de los artículos indiquen la lista de literatura utilizada. En otras palabras, el conocimiento científico es una lista de artículos con enlaces entre sí.
Por cierto, la Wikipedia moderna se parece mucho a cómo su creador vio la World Wide Web : artículos científicos con enlaces entre sí, una lista de fuentes y literatura utilizada. Y si Tim tenía suerte, la web seguiría siendo así. Pero en el camino hacia un futuro mejor, el mundo dio un giro equivocado en alguna parte :)
La web se basa en tres tecnologías:
HTML-page
, que contiene texto, imágenes y enlaces a otrosHTML-pages.
- • Un navegador que se muestra
HTML-page
de la manera más amigable para los humanos. - • Protocolo
http
: un estándar para que los servidores web se comuniquen con los navegadores y entre sí.
Tim Berners-Lee no inventó tanto estas cosas como las estandarizó. HTML
- fue creado sobre la base de la norma SGML
. Las etiquetas también se tomaron prestadas de allí. Pero el primer navegador web del mundo llamado WorldWideWeb
Tim lo escribió él mismo, allá por 1990.
1.2 HTML no es un lenguaje de programación
HTML
no es un lenguaje de programación y nunca lo ha sido. Nunca digas eso. Aunque vayas a escribir un currículum, nunca lo indiques HTML
en la sección de lenguajes de programación, solo en la sección de Herramientas (tecnología). Sería un grave error escribir en tu currículum que conoces un lenguaje de programación HTML
. ¿Por qué?
Y es que HTML
es un lenguaje de marcas para documentos. Si lo simplificamos mucho, entonces HTML-document
es un texto (documento) con imágenes, tablas, enlaces, etc. insertados en él.
Digamos que quieres escribir un artículo que:
- Título del artículo (título).
- El artículo en sí, que consta de un párrafo.
- Imagen.
- Algunas declaraciones importantes que desea poner en negrita.
- En el medio del artículo, proporcione un enlace a información útil.
Así es como se verá este documento en el navegador:
Gato domestico
Desde el punto de vista de la taxonomía científica, el gato doméstico es un mamífero de la familia de los felinos del orden carnivora. A menudo, un gato doméstico se considera una subespecie del gato del bosque, sin embargo, desde el punto de vista de la taxonomía biológica moderna (2017), el gato doméstico es una especie biológica separada .
Bastante bien, ¿verdad? Y el estándar HTML
le permite hacer que este documento sea legible tanto para humanos como para computadoras. Así es como se ve en HTML-standard
:
<h1> Gato doméstico </h1>
Desde el punto de vista de la taxonomía científica, el gato doméstico es <a href=”/”> un mamífero </a> de la familia de los felinos del orden carnivora. A menudo, un gato doméstico se considera una subespecie del gato del bosque, sin embargo, desde el punto de vista de la taxonomía biológica moderna (2017), el gato doméstico <b> es una especie biológica separada </b> .
<img src=”gato.jpg”>
Se agregaron etiquetas especiales al texto del artículo (resaltadas en rojo ), que son entendidas tanto por una persona como por una computadora (navegador). El navegador puede mostrar el artículo a la perfección para el lector, y el autor del artículo puede editarlo fácilmente.
1.3 El advenimiento del protocolo HTTP
La abreviatura HTML
significa Hyper Text Markup Language
lenguaje de marcado de documentos de hipertexto. El hipertexto es un documento que consta de páginas que se enlazan entre sí. ¿Qué es http
?
HTTP
significa Hyper Text Transfer Protocol
Protocolo de transferencia de hipertexto (estándar). http
o https
puede ver en la barra de direcciones del navegador si intenta copiar el enlace a la página abierta.
Un enlace de página típico se ve así:
http://google.com/logo.jpg
Al principio del enlace se encuentra el nombre del protocolo, seguido de dos puntos y dos barras diagonales. Tim Bernes-Lee dijo una vez en una de sus entrevistas que si hubiera sabido que el protocolo http
sería tan popular, se le habría ocurrido algo más corto. (después de todo, casi todos los enlaces en el mundo comienzan con la palabra http://
o https://
)
Volvamos a los navegadores. Cuando un navegador solicita html-page
, envía un archivo de texto (solicitud) al servidor y recibe otro archivo de texto (respuesta) a cambio. Este modo de operación se llama cliente-servidor.
Primero, hay líneas con información clave, luego con información de servicio. La primera línea de la consulta de texto viene dada por la plantilla:
MethodURI HTTP/Version
La página personal del usuario de CodeGym está dada por el enlace
https://codegym.cc/me
http-request
browser para que se vea así:
GET /me HTTP/1.0
Host: codegym.cc
Como respuesta, lo más probable es que el servidor envíe
HTTP/1.0 200 OK
<html>page text...
La primera línea del texto de respuesta es la versión del protocolo http y el estado de respuesta (200, OK) . Luego viene una línea vacía y luego solo en forma de texto viene la html-page
que solicitó el navegador. Todo es muy simple :)
GO TO FULL VERSION