HTML (Hypertext Markup Language)

HTML es el lenguaje de marcado más utilizado en Internet. Las páginas de Internet transmiten su contenido en forma de HTML a su navegador, que lee e implementa la sintaxis. Además, el HTML contiene información para el estilo, el formato o la Optimización del motor de búsqueda SEO.

¿Por qué HTML?

El HTML (Hypertext Markup Language) es el llamado lenguaje de marcas que determina el contenido y la forma de los documentos digitales. Además del HTML, existen otros lenguajes de marcado como el XML o el Ajax. Los lenguajes de marcado se desarrollan constantemente y se actualizan a nuevas versiones. La primera versión HTML apareció en 1992, después de que el lenguaje de marcado se hubiera propuesto tres años antes.

Cuando se utiliza la Internet, se emplean diversos dispositivos de salida: las pantallas no tienen dimensiones uniformes y la ventana del navegador puede ampliarse o reducirse. No obstante, una página de Internet siempre debe mostrar el contenido de manera que pueda reconocerse fácilmente. Por esta razón no es aconsejable fijar los elementos individuales de la página de forma absoluta. En este contexto, el HTML desempeña un papel importante en el formato de los textos o en la disposición de los archivos de imagen y vídeo en una página de Internet.

En términos más generales, el HTML media entre la página web concreta y su navegador. El lenguaje contiene caracteres, caracteres especiales, formato, enlaces, metadatos y mucho más. Los metadatos son componentes HTML que no se ven en la vista normal del navegador. Sin embargo, son esenciales para el funcionamiento de un sitio web y contribuir, por ejemplo, a la optimización de los motores de búsqueda.

La estructura básica: Los corchetes del HTML

El HTML hace uso de paréntesis (como muchos lenguajes de marcado y programación) para estructurar la sintaxis. Los paréntesis HTML siguen el mismo principio que los paréntesis de la frase anterior: un paréntesis de apertura marca el comienzo de una unidad, mientras que un paréntesis de cierre marca el final. A diferencia de los signos de puntuación normales, los corchetes del HTML definen lo que ocurre exactamente con el texto entre ellos.

Por ejemplo, si quiere subrayar una parte del texto, utilice la sintaxis "texto" (sin espacios entre los corchetes). Si esta sintaxis está en una página web, su navegador puede leerla y la convierte automáticamente en una palabra subrayada.

Sin embargo, el HTML no sólo se utiliza para dar formato al texto dentro de una página web. En cambio, el HTML organiza todo el documento.

Cabeza y cuerpo de los documentos HTML

Al principio un documento virtual define al navegador qué lenguaje de marcas utiliza. Con HTML5, esto se hace primero con la especificación "" y luego con el paréntesis "" (también aquí y para todas las siguientes especificaciones HTML: sin espacios entre los corchetes). "" es un corchete que se abre y cierra sólo al final del documento. Es importante que se especifique la definición correcta del tipo de documento. Las versiones anteriores a HTML5 usan una definición más detallada en lugar de "".

A esto le sigue el encabezado del documento con la sintaxis "". El encabezado HTML incluye metadatos, título de la página, scripts y otros componentes. Sólo después de todas las especificaciones del título el corchete del encabezado HTML se cierra con "".

Sólo entonces escribe el cuerpo del HTML, que está marcado con "". El cuerpo de un documento constituye la parte principal de una página web. Proporciona espacio para el texto, fotosarchivos de vídeo y otros elementos. Después de que todo el contenido deseado se inserte en la sintaxis, cierra el cuerpo del HTML con el paréntesis "".

El documento digital termina con la sintaxis "", que indica el final del texto HTML.

Elementos comunes de HTML

(¡Sintaxis sin espacios entre los corchetes O sin espacios después del "&"!)

- Título: título del sitio web
- texto en negrita: texto o texto
- texto en cursiva: texto o texto
- texto subrayado: texto
- Enlace: Descripción del enlace
- 1er orden de encabezamiento:

encabezamiento


- 2º orden de encabezamiento: encabezamiento subordinado
- Párrafo:

Este texto llena todo el párrafo.

Este es el segundo párrafo.


- En el signo (@): & #64; o & commat;
- Flecha derecha: & #8594; o & rarr;
- Flecha izquierda: y #8592; o y larr;
- Flecha arriba: y #8593; o y uarr;
- Flecha abajo: y #8595; o y darr
- Símbolo del corazón: y #9829; o y corazones;

Artículos de actualidad