HTML, un término que todos hemos leído pero que pocos conocen en detalle; A continuación, descubriremos más sobre la importancia de HTML y cómo funciona.
La humanidad ha desarrollado infinitas herramientas y avances tecnológicos, la HTML e internet están entre los que te permiten mejorar tu estilo de vida y ampliar tus horizontes a nuevas oportunidades en diferentes campos.
Desde su creación en 1969 por el Departamento de Defensa de los Estados Unidos con la red informática ARPANETInternet ha hecho posible comunicarnos y conectarnos con otras personas sin importar la distancia o el lugar donde nos encontremos.
Además de esto, se ha convertido en una excelente herramienta para sectores como el empresarial, el de investigación y el de programación, siendo este último una pieza fundamental para el correcto funcionamiento de los contenidos en la red, convirtiéndose en el área profesional que mayor crecimiento ha tenido en los últimos años. .
La creación de un elemento tan importante en Internet como son las páginas web requiere un trabajo que involucra diversas extensiones, lenguajes y componentes especializados para que puedan ser visitadas y sean funcionales para cualquiera que acceda a ellas.
De todos los factores que intervienen en su creación, destaca HTML.
¿Qué es HTML?
los HTML es el código utilizado en la creación de páginas web y sus contenidos, su nombre es el acrónimo en inglés de HyperText Markup Language, que se traduce al español como Lenguaje de marcado de hipertexto; Se considera el estándar en la distribución y estructuración de páginas web en todo el mundo, por lo que casi todos los sitios de Internet se construyen con él.
A diferencia de lo que muchos creen, HTML no pertenece al lenguaje de programación, sino al lenguaje de marcado que se ocupa de dar la estructura correspondiente al contenido de la página en cuestión, este tipo de lenguaje consiste en las señales que guían a los servidores en el estilo. de los documentos que desean incrustar.
Una de las virtudes de HTML y lo que lo ha posicionado como el código principal en la creación de páginas web es su facilidad de aprendizaje, ya que no requiere de conocimientos previos en cuanto a programación para poder poner en marcha un sitio web, obteniendo resultados de calidad funcional y profesional. idioma.
los Consorcio Mundial de la red (W3C) es una comunidad internacional dedicada al desarrollo de estándares abiertos que garantizan el crecimiento de la web, entre estos estándares han reconocido a HTML como un lenguaje universal para publicar información global, esto se puede corroborar con el uso de cualquier navegador web que , al interpretar el contenido HTML, nos permite visualizar la página de nuestra elección.
historia HTML
Ya hemos visto el concepto de HTML y cuál es su función, es hora de repasar brevemente su historia y el porqué de su presencia en internet; pues bien, los orígenes de este código se remontan a 1980 en la Organización Europea para la Investigación Nuclear (CERN), donde el físico Tim Berners-Lee propuso un sistema de «hipertexto» con el que compartir documentos más fácilmente.
Aunque entonces ya existían sistemas de hipertexto por los que se podía acceder a la información electrónica, no estaban completamente desarrollados para Internet, que en ese momento aún no se había convertido en la herramienta que conocemos hoy por lo poco desarrollada que estaba.
Una vez terminado, Berners-Lee presentó su sistema ante una convocatoria en la que llamaría la atención de Robert Cailliau, un ingeniero de sistemas con el que colaboraría para presentar la propuesta ganadora y que sería conocido en todo el mundo como el World Wide. Web (WWW).
En 1991 se publicaría el primer documento formal sobre HTML denominado «HTML Tags», aún disponible en línea como reliquia histórica de este código fundamental para Internet; Se necesitarían muchos años para que HTML se convirtiera en un estándar oficial, siendo 1995 el año en que lo alcanzó con HTML 2.0.
Desde entonces se han ido creando nuevas versiones para adaptarse al constante cambio de internet, la última llegó en 2014 con HTML 5.0, que permite ampliar las posibilidades de la web con aplicaciones multiplataforma, incluyendo los sistemas operativos Android. , iOS, Windows y Linux.
archivo HTML
Si queremos trabajar con archivos HTML para crear una página web, es importante señalar que su interactividad es completa gracias a las funcionalidades que ofrece, sin embargo el usuario que los inserte podrá ver el producto final solo si así lo desea. ver el código, basta con seleccionar la opción ‘ver código fuente’ del navegador que estemos utilizando.
La característica principal de esta clase de lenguaje es que se escribe a través de un editor de texto como cualquier otro documento, la diferencia es que tiene la extensión «.html» por lo que el archivo donde se encuentra el código HTML es útil. .
Actualmente es posible agregar otras extensiones para diversas tecnologías web como JavaScript (.js) o Cascading Style Sheets, o CSS por sus siglas en inglés (.css).
conceptos HTML
Los conceptos básicos para procesar un archivo HTML son, en definitiva, los que componen los elementos a escribir en la estructura, los principales son las etiquetas de apertura y cierre, el contenido y los atributos que tendrá su contenido.
Para empezar, un elemento HTML es el conjunto de todas las partes que dan lugar a lo que queremos insertar en nuestra página web, ofreciendo la posibilidad de ir añadiendo contenido y creando una estructura poco a poco; hay elementos que no tienen contenido, estos se conocen como elementos vacíos.
El siguiente concepto a considerar es el contenido, que es básicamente todo lo que queremos agregar al elemento HTML, este contenido representa el texto, imágenes o contenido multimedia que se reflejará en la página web una vez estructurada con los elementos.
Cuando se quiere incorporar información adicional sobre el elemento se utilizan atributos, que son valores invisibles con los que es posible indicar información útil sin que aparezca en el contenido real, como problemas de estilo o de orden; estos siempre se encuentran en la etiqueta de apertura y no necesitan comillas, aunque se recomienda su uso.
Los conceptos finales son las etiquetas de apertura y cierre, estas marcan el inicio (
Estructura HTML
HTML debe tener una estructura tal que la página web tenga un orden en sus elementos y alcance la visión establecida desde un principio; algo muy importante que debe colocarse al iniciar la estructura del sitio es el elemento raíz, que siempre es
<html>
Luego se coloca el objeto
<head>
que es todo lo que queremos incluir en la página que no será visible para los usuarios que la visiten: parte de este contenido son códigos CSS para diseñar, descripciones que aparecen en los resultados de búsqueda, palabras clave, solo por nombrar algunos.
Otro elemento de la estructura es
<meta>
con el que se especifica el conjunto de caracteres que tendrá el documento, incluyendo la práctica totalidad de los que componen los distintos lenguajes humanos.
El siguiente es el objeto
<title>
donde como su nombre lo indica, se fija el título de la página que aparecerá en la barra del navegador cuando se cargue, y la describe cuando es agregada a la lista de favoritos por un usuario en el navegador que utiliza.
se agrega el elemento
<body>
con el que adjuntamos el contenido visible de la página, aquí es donde se ubican los videos, textos, audios, imágenes, etc.
Finalmente, el elemento
<footer>
aquí se insertan los elementos del pie de página como dirección, derechos y avisos legales, etc.
Como cualquier otro elemento, la página debe terminar su estructura con una etiqueta de cierre, que en este caso es
</html>
elementos HTML
Existe una gran categoría de elementos que se pueden incluir en HTML, a continuación listaremos algunos de los elementos agregados en sus diferentes versiones, además de los ya mencionados dentro de la estructura básica de una página web.
metadatos
Secciones
-
<nav> (Sección para navegar)
-
<section> (Sección definida del documento)
-
<address> (Contacto del autor)
-
<header> (Encabezado de sección)
Edición
Contenido
Las formas
interactivo
-
<dialog> (Cuadro de diálogo)
-
<details> (Contenido para desplegar)
-
<summary> (Resumen de contenidos)
HTML es la base de lo que hoy conocemos como Internet. y la accesibilidad que representa, si estás por iniciar un proyecto y quieres tener una página web donde la gente conozca e interactúe con tu idea, puedes iniciarlo hoy mismo gracias a la sencillez y rapidez de este código.
Para más contenido sobre este y otros temas interesantes en el mundo digital, te invitamos a estar al tanto de las publicaciones SEO en México siguiéndonos en todas nuestras redes sociales y medios.