6
Si se pregunta qué es HTML, tenemos la respuesta. A menudo, este término aparece en relación con el diseño de sitios web.
Qué es HTML: lenguaje de marcado para la estructura de su sitio web
El término «HTML» significa «Hypertext Markup Language», en español «lenguaje de marcado de hipertexto». Se trata del formato en el que se escriben las páginas web.
- En un archivo HTML, el creador de la página web escribe el texto de un sitio web. El archivo HTML permite estructurar y formatear un texto (por ejemplo, el tamaño y el tipo de letra). Además, a través del HTML se pueden incluir enlaces a otras páginas web o añadir imágenes, vídeos o sonidos de fondo al texto.
- Los navegadores como Chrome, Firefox, Safari o Internet Explorer leen el archivo HTML en fracciones de segundo y luego lo muestran gráficamente.
- Por lo general, los archivos HTML ya no se escriben manualmente. Los operadores de páginas web ya no escriben estos archivos por sí mismos. En su lugar, esta tarea se realiza mediante una interfaz gráfica, por ejemplo, a través de sistemas de gestión de contenidos como WordPress o Typo3.
- Consejo: haga clic con el botón derecho del ratón en un área libre de esta página web y seleccione la opción «Guardar como» o «Guardar página como». A continuación, puede descargar el archivo HTML de esta página web y ver el código en blanco en el editor. Además de las palabras individuales, encontrará repetidamente comandos para enlaces o imágenes.
Interacción con CSS y JavaScript
Antes, las páginas web se programaban completamente en HTML. Debido al aumento de la dinámica en muchas páginas de Internet, el CSS, que se diferencia del HTML, se ha establecido adicionalmente para el diseño web moderno.
- Por lo tanto, el HTML solo sirve para estructurar un sitio web. Por ejemplo, usted determina si un texto debe aparecer como título o como texto continuo.
- En un archivo CSS vinculado, se define el formato que debe tener dicho fragmento de texto. CSS (Cascading Style Sheets) se encarga del diseño: colores, espaciados, diseños o tipos de letra.
- JavaScript aporta interactividad: animaciones, entradas de formularios o contenidos dinámicos.
- Juntos, HTML, CSS y JavaScript forman el «triángulo mágico» del diseño web moderno. HTML es siempre la base sobre la que se construye todo lo demás.
Estructura de un documento HTML, etiquetas y atributos
Un documento HTML sigue una estructura clara. Consta de dos áreas centrales: el área de cabecera (
) y el área de cuerpo ().- En el área de cabecera se encuentra la información que no es directamente visible en la página web, como el título, los metadatos o la referencia a archivos CSS y JavaScript externos.
- En el cuerpo se encuentra el contenido propiamente dicho: textos, imágenes, encabezados, listas o enlaces.
- HTML funciona con las llamadas etiquetas (también denominadas «elementos»). Las etiquetas se escriben entre corchetes angulares, por ejemplo,
para un párrafo o para un enlace. Por lo general, aparecen como etiquetas de inicio y fin que enmarcan el contenido correspondiente.
- Además, las etiquetas pueden contener atributos que proporcionan información adicional. Por ejemplo, el atributo href indica a dónde conduce un enlace.
