Los archivos en formato HTML se utilizan para crear sitios web.
HTML es un lenguaje de
programación que existe desde hace décadas. Aunque en la actualidad compite con
otros lenguajes y plataformas de desarrollo web más avanzados, este formato sigue
siendo relevante, especialmente en educación y formación.
En nuestro artículo, encontrarás toda la información que necesitas para comprender
todo sobre el formato de archivo HTML: para qué sirve el formato HTML, cómo puedes
crear, abrir y editar este tipo de archivos, y, además, cómo convertir un archivo HTML a
PDF con las herramientas de Adobe Acrobat.
¿Qué es un archivo HTML?
El formato HTML (del inglés HyperText Markup Language), en español: "Lenguaje de
marcado de hipertexto", es el lenguaje de programación que define la estructura de
muchas páginas web. Los archivos HTML son archivos de texto que definen el
contenido estructurado dentro de cada página: básicamente, son el marco de todos los
sitios web de Internet.
Estos archivos se pueden crear con un sencillo editor de texto como Notepad o
TextEdit, o con un software de diseño web especializado como Adobe Dreamweaver.
Los archivos HTML se identifican por la extensión .html o .htm y consisten en líneas de
texto organizadas mediante "etiquetas" que indican la posición de cada elemento en la
página. Estas etiquetas determinan dónde se ubica cada elemento en la página web,
como texto, imágenes, enlaces u otros componentes.
Algunas de las etiquetas más comunes incluyen:
1. <h1> Encabezado de la página principal.
2. <body> Cuerpo principal de la página.
3. <p> Sección de texto.
4. <b> Texto en negrita.
HTML se desarrolló en gran medida sobre la base del metalenguaje SGML (Standard
Generalized Mark-up Language), el estándar utilizado para estructurar el contenido en
distintos elementos, como títulos y párrafos. Las primeras versiones del lenguaje HTML
sólo podían manejar texto, mientras que las más recientes también pueden integrar
imágenes, vídeos y elementos gráficos.
¿Qué significa HTML?
HTML significa "lenguaje de marcado de hipertexto". El acrónimo HTML se hizo popular
entre los investigadores a principios de la década de 1990 como abreviatura del
formato. Ha sido ampliamente aceptado como método para crear sitios web desde la
década de 2000.
El hipertexto fue una innovación a finales de la década de 1980 que permitía pasar de
un archivo a otro en el mismo ordenador mediante un sistema de referencias cruzadas,
simplemente presionando una tecla. Esta funcionalidad es la base de la creación de
una página web en HTML.
HTML es el lenguaje de programación básico de un sitio web: mientras que el
marcado ayuda a indicar la forma en que se organiza la información en la página, los
símbolos se utilizan para enmarcar y posicionar los diferentes elementos de la página.
Los conceptos básicos de HTML.
1. Etiquetas HTML: HTML utiliza etiquetas para estructurar el contenido de una página
web. Las etiquetas HTML son palabras clave o códigos escritos entre corchetes
angulares. Cada etiqueta suele tener una etiqueta de apertura <tag> y una etiqueta
de cierre </tag>. El contenido entre estas etiquetas define el elemento. Por ejemplo,
un párrafo en HTML se escribe así:
2. Elementos HTML: Un elemento HTML consta de una etiqueta de apertura y una
etiqueta de cierre, que determinan el principio y el final del contenido. Los elementos
más comunes son <h1> a <h6> para encabezados, <p> para párrafos, <a> para
enlaces o hipervínculos, y <img> para imágenes.
3. Atributos: Las etiquetas HTML pueden tener atributos que brindan información
adicional sobre un elemento. Generalmente se colocan dentro de la etiqueta de
apertura y constan de un nombre de atributo y un valor, separados por un signo igual.
Por ejemplo, la etiqueta <img> puede tener el atributo src para indicar la fuente de la
imagen:
4. Estructura: Un documento HTML tiene una estructura jerárquica. Generalmente
comienza con la declaración <!DOCTYPE html>, que indica el tipo de documento.
Luego sigue la etiqueta <html>, que engloba todo el contenido de la página. Dentro de
esta, encontramos las etiquetas <head> y <body>. La sección <head> o área de
encabezado contiene metadatos y referencias, mientras que el cuerpo del documento
o <body> alberga el contenido visible de la página. Un ejemplo de estructura HTML
básica sería:
