Archivo HTML: cómo crear, abrir o editar el formato HTML.
Descubre cómo funcionan los archivos HTML, explorando sus ventajas y desventajas, y aprende por qué es útil crear archivos HTML. Te mostramos cómo convertir archivos HTML a PDF y cómo abrir y editar este formato de manera sencilla con las herramientas de Adobe Acrobat.
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:
- <h1> Encabezado de la página principal.
- <body> Cuerpo principal de la página.
- <p> Sección de texto.
- <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.
- 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í:
- 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.
- 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:
- 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:
Historia del archivo HTML.
La historia del archivo HTML comienza a principios de la década de 1990, cuando Internet era utilizado principalmente por un grupo selecto de científicos y académicos. El informático e inventor de la “World Wide Web”, Sir Tim Berners-Lee, desarrolló HTML en 1992 para ayudar a estructurar y dar sentido a los primeros contenidos online.
HTML mejorado en los primeros navegadores web.
Después de desarrollar HTML, Berners-Lee animó a sus colegas a crear documentos HTML, así como un software capaz de leer este tipo de archivos. En colaboración con otros pioneros de la industria, probó y perfeccionó HTML en los primeros navegadores web. Pero a partir de mediados de los años 90 fue el navegador web lanzado por la nueva empresa Netscape el que dominó el mercado y el lenguaje HTML tuvo que adaptarse de nuevo.
Internet Explorer y estandarización.
Cuando Internet estuvo disponible para el público en general, Microsoft lanzó su propio navegador: Internet Explorer (IE). En apenas unos años Internet Explorer se convertiría en el navegador más popular para el uso de Internet. Con el rápido desarrollo de Internet, cada vez más personas utilizaron archivos HTML para crear sitios web. El consorcio W3 (un comité de estandarización de la World Wide Web con sede en EE. UU.) pronto decidió estandarizar el formato.
¿Para qué se utilizan los archivos HTML?
Los programadores y desarrolladores web utilizan archivos HTML para estructurar y dar forma al contenido de una página web. HTML es el lenguaje que describe la estructura y los elementos visibles a través de la tecnología "front-end" en el desarrollo web, ya que se ocupa de los componentes con los que los usuarios interactúan mientras navegan por un sitio. El "front-end" se diferencia del "back-end", que es el sistema técnico que maneja la lógica interna y la gestión de datos del sitio.
Estructura de un sitio web.
Al igual que una revista o un periódico, una página web tiene un diseño específico, que se logra gracias a los archivos HTML. Básicamente, el HTML actúa como un conjunto de instrucciones para el navegador, proporcionando indicaciones de dónde y cómo mostrar varios elementos de la página. El navegador interpreta estas instrucciones según las etiquetas y organiza el contenido en consecuencia.
Creación elementos de una página.
Para dar forma al diseño de una página web, los desarrolladores crean elementos HTML. Esto implica usar símbolos específicos para "marcar" el contenido, insertando el texto entre etiquetas alfanuméricas. Por ejemplo, para crear un encabezado, se utilizaría una etiqueta como <h1>, y el texto se colocaría entre la etiqueta de apertura y la de cierre. De esta manera, el HTML define tanto la estructura como el estilo de la página.
Estructura característica del código HTML en la pantalla del ordenador.
Ventajas y desventajas de los archivos HTML
Como ocurre con muchas tecnologías, trabajar con archivos HTML tiene ventajas y desventajas. Te mostramos cuáles son en los siguientes apartados.
Ventajas de los archivos HTML.
- HTML es fácil de aprender: si quieres probar la programación o el desarrollo web, HTML es el lenguaje web más sencillo porque puedes editarlo o crearlo directamente.
- HTML se actualiza constantemente: HTML es un estándar abierto, lo que significa que puedes acceder y utilizar HTML de forma gratuita mientras los expertos lo actualizan y mejoran continuamente.
- HTML es compatible con muchos navegadores: casi todos los navegadores web y la mayoría de los sistemas operativos admiten HTML. Entonces, cuando escribes páginas en HTML, generalmente puedes estar seguro de que son compatibles con los principales navegadores, independientemente de cómo los usuarios accedan a Internet.
- HTML se puede integrar sin problemas: HTML se puede combinar fácilmente con otros lenguajes de marcado. Por ejemplo, HTML se puede fusionar con código escrito en CSS, otro lenguaje de interfaz de usuario.
Desventajas de los archivos HTML.
- HTML no es dinámico: las páginas web actuales son dinámicas: se desplazan y cambian su orientación para adaptarse a diferentes tamaños de pantalla. Estos requisitos van más allá de las funciones básicas de HTML. Para que un sitio web funcione dinámicamente, necesitas otro lenguaje como CSS..
- HTML se muestra de manera diferente: dependiendo del navegador con el que accedas a un sitio web, una página HTML se puede mostrar de manera diferente. Por ejemplo, el diseño de la página HTML de Google Chrome puede diferir del de Firefox.
- HTML requiere mucho tiempo: crear páginas HTML puede resultar muy laborioso; Normalmente, incluso la página web más sencilla requiere grandes cantidades de código. Hoy en día existen formas más rápidas de crear páginas web.
Abrir un archivo HTML en sencillos pasos.
Para abrir un archivo HTML y editarlo, simplemente puedes abrirlo en un editor de texto después de haberlo creado. Alternativamente, puedes mostrar HTML directamente en un navegador web. Te mostraremos cómo proceder en ambos ejemplos de aplicación.
Abrir un archivo HTML en TextEdit para Mac.
Si estás utilizando una Mac, puedes abrir el archivo HTML en la aplicación TextEdit.
- Inicia el programa TextEdit en tu Mac.
- Haz clic en Archivo > Abrir.
- Selecciona el archivo que deseas ver.
Ahora verás el código HTML tal como aparece online. Si deseas editar el código, puedes seleccionar la opción "Mostrar archivos HTML como código HTML en lugar de texto formateado".
Ver un archivo HTML en un navegador web.
También puedes ver fácilmente un archivo HTML en un navegador web. Para hacer esto, ubica el archivo HTML en tu ordenador, haz clic derecho en el archivo, selecciona la opción "Abrir con" y selecciona un navegador como Google Chrome, Microsoft Edge o Firefox.
Cómo crear y editar un archivo HTML
Puedes crear un archivo HTML utilizando un editor de texto del navegador o un programa de texto de escritorio simple. Podría ser el Bloc de notas de Microsoft en Windows o TextEdit en Mac.
Crea un archivo HTML en Windows.
Para crear un archivo HTML en Windows, haz lo siguiente:
- Abre el Bloc de notas.
- Llena la página en blanco con texto, etiquetas y espacios y crea un código HTML.
- Guarda el archivo (Archivo > Guardar como… ) con la extensión .html.
- Establece la codificación en UTF-8.
Crea un archivo HTML en Mac.
Para crear un archivo HTML en Mac, haz lo siguiente:
- Abre TextEdit en Mac.
- Ve a Archivo > Nuevo, luego Formato > Crear texto sin formato.
- Crea un código HTML.
- Guarda el documento con la terminación .html haciendo clic en "Archivo" > "Guardar".
Una vez que hayas guardado tu archivo HTML, aún podrás editarlo nuevamente.
Otros tipos de archivos HTML.
- HTM: HTML y HTM son intercambiables. La extensión .HTM se utiliza como alternativa para algunos sistemas operativos, como Windows, que solo requieren extensiones de 3 caracteres.
- XHTML: es una versión de HTML que requiere un marcado más preciso y un mejor manejo de errores para garantizar que pueda funcionar con archivos XML
¿Cómo puedo convertir archivos HTML a PDF?
Con Acrobat Pro puedes convertir una página web en formato HTML a PDF.
Con Acrobat Pro puedes convertir una página web en formato HTML a PDF. Con las herramientas PDF de Adobe Acrobat puedes convertir un archivo HTML o un sitio web completo a PDF directamente en el navegador. Esto te facilita compartir archivos HTML con colegas manteniendo el formato y la funcionalidad originales. Normalmente necesitarás Acrobat Pro para esto. Una vez creado su PDF, puedes cargarlo en nuestras herramientas online para combinar archivos, organizar páginas, dividir PDFs y más.
Tipos de archivos similares a HTML.
- Archivos DAT: Los archivos DAT proporcionan información sobre el programa que se utilizó para crearlos.
- Archivos JS: JS es la abreviatura de JavaScript, uno de los lenguajes más utilizados para programar backends de sitios web.
- Archivos XPS: Microsoft desarrolló el archivo XPS para capturar información de diseño de página para imprimir.
- Archivos TXT: la extensión .txt se utiliza para crear archivos de texto simples en programas de texto como el Bloc de notas.
Preguntas frecuentes sobre el archivo HTML.
Esto también podría interesarte
https://main--dc--adobecom.hlx.page/es/dc-shared/fragments/seo-articles/web-files-recommended-card
https://main--dc--adobecom.hlx.page/es/dc-shared/fragments/seo-articles/xps-recommended-card
https://main--dc--adobecom.hlx.page/es/dc-shared/fragments/seo-articles/data-files-recommended-card
https://main--dc--adobecom.hlx.page/es/dc-shared/fragments/seo-articles/rpt-recommended-card