¿Qué es un archivo HTML?
La invención del archivo HTML fue un gran paso en el desarrollo de Internet. Sin HTML, las páginas web se verían aburridas y sin estructura. En este artículo, aprenderá cómo se crean los archivos HTML y cómo puede editarlos.
HTML, el lenguaje de Internet
HTML significa lenguaje de marcado de hipertexto. El objetivo principal de este lenguaje es definir el diseño de la página y el contenido de las páginas web, incluido el texto, las tablas, las imágenes y los hipervínculos que se muestran en la página web.
HTML es uno de los lenguajes más importantes utilizados en el desarrollo de sitios web.
HTML fue introducido por Tim Berners-Lee y otros ingenieros del CERN para permitir que los navegadores web interpreten y muestren páginas web. Desde su lanzamiento, se ha convertido en un estándar en el desarrollo web y ha pasado por varias revisiones, incluidas HTML 2 (1995), HTML 3 (enero de 1997), HTML 4 (diciembre de 1997) y HTML 5 (2014).
El lenguaje de marcado contiene elementos que se utilizan para crear la estructura de las páginas web. Normalmente, cada elemento contiene una etiqueta de apertura entre corchetes angulares (<etiqueta>) y una etiqueta de cierre entre corchetes angulares, pero con una barra inclinada antes de la etiqueta (</ etiqueta>).
Algunos ejemplos de elementos básicos son:
- <head>: etiqueta de encabezado que contiene metadatos sobre una página web
- <body> - etiqueta de cuerpo que define el cuerpo de una página web
- <h1> - Etiqueta de encabezado de texto para crear un título de texto en una página web
- <p> - Etiqueta de párrafo para definir un párrafo en una página web
- <img> - Etiqueta de imagen para incrustar una imagen en una página web
- <ul> - Lista desordenada para crear una lista con viñetas en una página web
- <div> - Etiqueta divisoria para crear una sección en una página web
El HTML de un blog o página de cartera.
Con el tiempo, se han introducido otras tecnologías web, como hojas de estilo en cascada (CSS) y JavaScript, para hacer que las páginas web sean más atractivas e interactivas. En las páginas web HTML modernas, lo más probable es que encuentre código CSS o JavaScript o referencias a archivos CSS o JS.
Mostrar código fuente HTML
Su navegador leerá el código HTML y le mostrará una página web con un formato agradable. Pero si desea ver el código, puede hacerlo fácilmente. Funciona así:
- Google Chrome (Windows) - Seleccione Más herramientas → Herramientas para desarrolladores
- Google Chrome (Mac): seleccione Ver → Desarrollador → Ver código fuente
- Mozilla Firefox: seleccione Desarrollador web → Fuente de la página
- Microsoft Edge: seleccione Más herramientas → Herramientas para desarrolladores
- Apple Safari: elija Desarrollar → Ver código fuente de la página
NOTA: La mayoría de las páginas en sitios estáticos tienen una extensión .html, mientras que las páginas en sitios dinámicos pueden tener una extensión .php o .asp.
¿Cómo abro un archivo HTML?
Puede abrir y editar archivos HTML con varios editores de código fuente y aplicaciones de desarrollo web. Microsoft Visual Studio Code (multiplataforma) es un útil editor de código fuente y Adobe Dreamweaver (multiplataforma) es una popular aplicación de desarrollo web.
Dado que los archivos HTML se almacenan en texto sin formato, también puede abrirlos y editarlos con un editor de texto simple como Microsoft Notepad (Windows) o Apple TextEdit (Mac). Sin embargo, estos editores de texto carecen de las funciones que se encuentran en los editores de código fuente y las aplicaciones de desarrollo web que facilitan la codificación para los desarrolladores.
Puede obtener una vista previa de una página web HTML abriéndola con un navegador web como Google Chrome (multiplataforma), Microsoft Edge (multiplataforma), Mozilla Firefox (multiplataforma) o Apple Safari (Mac e iOS).
Deja una respuesta