¿Qué es HTML?

Se cerraron las pantallas de computadoras y tabletas que muestran HTML

Desde el comienzo de Internet, HTML fue esencial para que la red global funcione y se vea como queríamos. Echemos un vistazo a qué es HTML y cómo se convierte en las páginas que ve todos los días.

La columna vertebral de Internet

HTML significa «lenguaje de marcado de hipertexto». Es un lenguaje de codificación que se utiliza para crear páginas que se pueden mostrar en un navegador web. La mayoría de las páginas web que encuentra en Internet, incluida la que está leyendo este artículo, se almacenan como un archivo HTML. Los sitios web son un montón de páginas HTML relacionadas almacenadas en un servidor en algún lugar. Es por eso que a menudo se llama al lenguaje la «columna vertebral de Internet».

Siempre que accede a una página web, básicamente busca un archivo HTML que se almacena en el servidor. El navegador que utiliza, como Chrome o Firefox, analizará el HTML y lo mostrará de la forma prevista.

Debido a la universalidad y flexibilidad de HTML, es el lenguaje de marcado más popular del mundo. La mayoría de los desarrolladores web líderes comienzan con aprendiendo a codificar en HTML. Las herramientas de arrastrar y soltar y los editores WYSIWYG se convierten eventualmente a HTML para que los navegadores puedan analizarlos.

RELACIONADO: ¿Qué es el lenguaje de marcado?

Cómo funciona HTML

Código HTML de muestra

Como cualquier lenguaje de programación, HTML parece un puñado de comandos y bloquea el texto antes de que se convierta en la imagen inicial. Si tiene curiosidad por ver cómo se ve el HTML en esta página cuando está en una computadora de escritorio o portátil, intente hacer clic con el botón derecho en cualquier lugar de esta página y seleccionar «Ver página» (puede variar según su navegador). Debería llevarte a un enorme muro de código.

La mayoría de HTML se crea a través de «bloques de elementos», fragmentos de código HTML que separan varios elementos en una página. Por ejemplo, el cuerpo de este artículo consta de un bloque de artículos, como el menú, las sugerencias a continuación y el pie de página. Estos elementos están codificados a su manera porque pueden comportarse de manera diferente.

El uso de hojas de estilo en cascada (CSS) es una parte vital del desarrollo de páginas HTML. Estos son documentos que definen cómo deben verse ciertas características de una página. Por ejemplo, qué tan grandes deben ser las imágenes, qué fuentes deben tener en una página y cómo debe responder una página web al cambiar el tamaño o estirar. Todo esto es fundamental para crear sitios web atractivos, integrados y elegantes. Si ha notado que los sitios web han comenzado a verse mejor en la última década, el mayor uso de CSS es la razón principal. Puedes leer más sobre CSS SEO.

Una de las mejores cosas de HTML es su capacidad para ejecutar scripts dinámicos a través de JavaScript o JS. Estos scripts pueden crear elementos dinámicos. Por ejemplo, en algunos sitios web, colocar el cursor sobre una imagen le permitirá acercarla. Puede hacer esto codificando un elemento JavaScript.

RELACIONADO: Cómo deshabilitar (y habilitar) JavaScript en Google Chrome

Elementos HTML básicos

Si bien HTML es un lenguaje relativamente complejo, con muchas etiquetas y bloques diferentes, existen algunos códigos HTML que pueden resultarle útiles mientras navega por la web. Aquí hay algunas etiquetas HTML básicas que puede encontrar.

<a href="https://www.howtogeek.com">How-to Geek</a>

How-To Geek

usar <a> crear comando de enlace. La URL es donde aparecerá el enlace, y el texto que dice «How-to Geek» es cómo lo verá el usuario final.

<b>bold</b> <i>italic</i> <u>underline</u>

atrevido itálico

Puedes usar <b>, <i>, y <u> para implementar opciones de formato de texto estándar: negrita, cursiva y subrayado.

<img src="https://www.howtogeek.com/752587/what-is-html/picture.jpg">

Un <img> la etiqueta se utiliza para incrustar una imagen en una página. O libera la imagen del mismo dominio o puede apuntarla a un dominio externo. También puede personalizarlo con algunos atributos adicionales, como cambiar el tamaño y texto alternativo.

<h1>heading 1</h1> <p>paragraph</p>

Las siguientes son etiquetas de título y artículo. De manera similar a cómo Microsoft Word le permite ordenar el texto en encabezados y texto del cuerpo, HTML puede dar formato al texto según las opciones predeterminadas de encabezado y párrafo. Estos formatos se definen mediante una hoja de estilo CSS.

<p style="color:edr;">red paragraph</p>

También puedes usarlo "style" atributo para personalizar el texto con varias configuraciones de estilo, como el color del texto, el color de fondo y el tamaño de fuente.

Si está interesado en obtener más información sobre las opciones de formato HTML, consulte Recursos gratuitos W3Schools. Encontrará una lista completa de etiquetas HTML que puede utilizar para crear sus páginas web.

RELACIONADO: ¿Qué es «Responsive Design» y cómo se usa?