HTML (HYPER TEXT MARKUP LANGUAGE)
HTML
(HyperText Markup Language) es el lenguaje de marcado estándar utilizado para
crear y estructurar contenido en la web. A través de etiquetas, permite
organizar y presentar texto, imágenes, videos y otros elementos en los
navegadores web. HTML no es un lenguaje de programación, sino un sistema que
marca el contenido para que sea interpretado correctamente por los navegadores.
Historia del HTML
¿Qué es una etiqueta HTML?
Las
etiquetas HTML son bloques fundamentales que definen la estructura y el formato
de una página web. Estas etiquetas, también conocidas como "tags",
están encerradas entre corchetes angulares (< >) y generalmente vienen en
pares: una etiqueta de apertura (<etiqueta>) y una de cierre
(</etiqueta>). Cada etiqueta tiene una función específica, ya sea para estructurar
el texto, insertar imágenes, o crear enlaces.
Ejemplo:
<h1>Encabezado
principal</h1>
<p>Este
es un párrafo de texto.</p>
ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML
Un
documento HTML sigue una estructura bien definida, compuesta por diferentes
secciones. A continuación, se presenta un ejemplo de la estructura básica:
<!DOCTYPE html>
<html>
<head>
<meta
charset="UTF-8">
<title>Mi primera
página</title>
</head>
<body>
<h1>Bienvenidos</h1>
<p>Este es el contenido de mi
página web.</p>
</body>
</html>
COMPONENTES PRINCIPALES DE UN DOCUMENTO
HTML:
<!DOCTYPE html>: Esta declaración se coloca al inicio de un documento HTML y le dice al navegador que estamos utilizando la versión HTML5. Aunque no es una etiqueta propiamente dicha, es necesaria para que el navegador interprete correctamente la página.
<html>: Es la etiqueta principal que engloba todo el contenido de la página web. Dentro de esta etiqueta se encuentran todas las demás etiquetas y contenido.
<head>: Contiene información sobre el documento
que no se muestra directamente al usuario. Aquí se incluyen los metadatos,
enlaces a archivos CSS o JavaScript, el título de la página y más.
<title>: Define el título que aparecerá en la pestaña del navegador. Es fundamental para la optimización de motores de búsqueda (SEO), ya que los buscadores suelen mostrar este título en los resultados de búsqueda.
<body>: Contiene todo el contenido visible de la página web. Aquí es donde se colocan los textos, imágenes, videos, enlaces, y otros elementos que el usuario verá en su navegador.
<h1>-<h6>: Etiquetas para encabezados, siendo <h1> el más importante y grande, y <h6> el más pequeño. Son esenciales para organizar el contenido y mejorar la accesibilidad y el SEO.
<p>: Etiqueta para párrafos. Se utiliza para escribir bloques de texto.
<a>: La etiqueta para enlaces. Se usa para conectar diferentes páginas web entre sí o para redirigir a otros recursos en línea.
<img>: Inserta imágenes en la página. Utiliza
el atributo src para especificar la ruta de la imagen.
ATRIBUTOS HTML
Las
etiquetas HTML pueden tener atributos, que son características adicionales que
permiten modificar o mejorar su funcionalidad. Un atributo proporciona
información adicional sobre un elemento y se coloca dentro de la etiqueta de
apertura.
Ejemplos
de atributos comunes:
href en
<a> para especificar la URL de un enlace.
src en
<img> para definir la fuente de una imagen.
class y
id para identificar elementos específicos o aplicar estilos con CSS.
Comentarios
Publicar un comentario