HTML (Hypertext Markup Language) es un lenguaje de marcado utilizado para crear páginas web y otros documentos que se pueden ver en un navegador web.
El lenguaje HTML se basa en etiquetas (tags) que se utilizan para definir la estructura y el contenido de una página web. Cada etiqueta comienza con un signo menor que (<) y termina con un signo mayor que (>), y se pueden incluir dentro de otras etiquetas para crear una jerarquía de elementos en la página.
Las etiquetas se utilizan para definir encabezados, párrafos, listas, imágenes, enlaces y otros elementos que se pueden ver en una página web. También se pueden utilizar para definir el formato y el estilo de la página, incluyendo la fuente, el color y el tamaño del texto.
Una vez que se ha creado un documento HTML, se puede ver en un navegador web como Google Chrome, Mozilla Firefox o Microsoft Edge. El navegador interpreta el código HTML y muestra la página web tal como fue diseñada.
Estructura de la página HTML
La estructura básica de una página HTML es la siguiente:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Título de la página</title>
</head>
<body>
Contenido de la página
</body>
</html>A continuación se detallan cada una de las partes de esta estructura:
- La primera línea
<!DOCTYPE html>declara que el documento es de tipo HTML5. - La etiqueta
<html>define el inicio y el final del documento HTML. - La etiqueta
<head>se utiliza para incluir información sobre la página, como el título y metadatos. Los metadatos son información que describe la página, como el autor, la descripción y las palabras clave. En el ejemplo, se incluye una etiqueta<meta>que especifica el conjunto de caracteres que se utilizará en la página. - La etiqueta
<title>define el título que aparecerá en la pestaña del navegador. - La etiqueta
<body>define el contenido visible de la página. Todo el contenido de la página web, como texto, imágenes y videos, se incluirá dentro de la etiqueta de apertura y cierre de<body>.
¿Qué es un elemento HTML?
Un elemento HTML es un componente básico de una página web que se utiliza para definir la estructura y el contenido de la página. Un elemento HTML se define mediante una etiqueta HTML, que comienza con un signo menor que (<) y termina con un signo mayor que (>).
<tagname> El contenido va aquí... </tagname>Ejemplo explicado
- La
<!DOCTYPE html>declaración define que este documento es un documento HTML5 - El
<html>elemento es el elemento raíz de una página HTML. - El
<head>elemento contiene meta información sobre la página HTML. - El
<title>elemento especifica un título para la página HTML (que se muestra en la barra de título del navegador o en la pestaña de la página) - El
<body>elemento define el cuerpo del documento y es un contenedor de todos los contenidos visibles, como encabezados, párrafos, imágenes, hipervínculos, tablas, listas, etc. - El
<h1>elemento define un encabezado grande - El
<p>elemento define un párrafo.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Navegadores web
Un navegador web es un software que se utiliza para acceder y ver contenido en la World Wide Web. Un navegador web actúa como una interfaz de usuario para permitir que los usuarios naveguen por los sitios web, muestren contenido y realicen acciones en línea.
Existen muchos navegadores web diferentes disponibles, cada uno con sus propias características y funciones. Algunos de los navegadores web más populares son:
- Google Chrome: desarrollado por Google, es uno de los navegadores web más utilizados en el mundo debido a su velocidad y capacidad para sincronizar datos en diferentes dispositivos.
- Mozilla Firefox: es un navegador de código abierto y gratuito, conocido por su seguridad y privacidad.
- Microsoft Edge: es el navegador web predeterminado en las computadoras con sistema operativo Windows 10 y está basado en el proyecto de código abierto Chromium.
- Safari: es el navegador web predeterminado en los dispositivos de Apple, como iPhones y Macs.
- Opera: es un navegador web conocido por su velocidad y características adicionales, como una VPN integrada y un bloqueador de anuncios.
Historial HTML
HTML, o HyperText Markup Language, es el lenguaje de marcado utilizado para crear páginas web. Fue desarrollado por primera vez por Tim Berners-Lee en 1989 como una forma de compartir información entre científicos en el CERN, y se convirtió en un estándar en la web a medida que crecía su uso.
A lo largo de los años, HTML ha evolucionado para incluir nuevas características y estándares, y se han lanzado varias versiones diferentes de HTML. Algunas de las versiones más importantes de HTML son:
HTML 2.0: Lanzado en 1995, HTML 2.0 incluía nuevas características como tablas y formularios.HTML 3.2: Lanzado en 1997, HTML 3.2 agregó soporte para hojas de estilo en cascada (CSS) y tablas avanzadas.HTML 4.0: Lanzado en 1997, HTML 4.0 incluyó nuevas características como marcos y formularios más avanzados.XHTML: Lanzado en 2000, XHTML fue una versión de HTML que seguía las reglas del lenguajeXML.XHTMLse convirtió en un estándar en 2002.HTML5: Lanzado en 2014, HTML5 incluye nuevas características como video y audio integrados, elementos semánticos para organizar mejor el contenido de la página, y el uso de la API de Canvas para gráficos en tiempo real.
HTML continúa evolucionando a medida que se desarrollan nuevas tecnologías y se mejoran las características existentes. En la actualidad, HTML5 es el estándar de facto para la creación de páginas web y aplicaciones web.
