HTML

 HTML

El HTML es el lenguaje estándar utilizado para crear y estructurar el contenido de páginas web mediante etiquetas. Organiza elementos como texto, imágenes, enlaces y multimedia, funcionando como el esqueleto esencial que los navegadores interpretan para mostrar sitios web.



Conceptos Clave de HTML:

Etiquetas y Marcado: 

TML funciona mediante etiquetas (tags). Estas etiquetas indican al navegador qué tipo de contenido está mostrando.

Por ejemplo:

  • <h1> define un encabezado principal.

  • <p> define un párrafo.

  • <a> define un enlace.

  • <img> inserta una imagen.



La mayoría de las etiquetas tienen una estructura de apertura y cierre:

<p>Este es un párrafo de ejemplo. </p>

Aquí, <p> indica el inicio del párrafo y </p> indica su final.

Estas etiquetas permiten organizar la información de forma clara, facilitando que el navegador la interprete y la muestre correctamente.

Estructura: 

Todo documento HTML sigue una estructura fundamental. Esta estructura garantiza que el navegador entienda correctamente el contenido.

Un ejemplo básico sería:

<!DOCTYPE html>
<html>
<head>
<title>Mi primera página</title>
</head>
<body>
<h1>Bienvenido</h1>
<p>Este es mi sitio web.</p>
</body>
</html>



Esta estructura es la base sobre la que se construye cualquier sitio web, desde un blog personal hasta una plataforma de comercio electrónico.

Hipertexto

El hipertexto permite enlazar documentos entre sí, haciendo posible la navegación dentro de internet.

El elemento encargado de crear enlaces es la etiqueta <a>:

<a href="https://www.ejemplo.com">Visitar sitio</a>

El atributo href indica la dirección a la que se dirigirá el usuario al hacer clic. Esta capacidad de interconectar información es lo que dio origen a la web moderna tal como la conocemos.

Sin el hipertexto, internet no sería una red de información interconectada, sino simplemente documentos aislados.

HTML5

Con el paso del tiempo, HTML ha evolucionado. La versión actual y más utilizada es HTML5, que introdujo mejoras importantes tanto en estructura como en funcionalidad.

Una de sus mayores aportaciones fue la incorporación de etiquetas semánticas, como:

  • <header> – Encabezado de una página o sección.

  • <nav> – Área de navegación.

  • <section> – Sección temática.

  • <article> – Contenido independiente.

  • <footer> – Pie de página.




Estas etiquetas no solo organizan el contenido visualmente, sino que también mejoran la accesibilidad y el posicionamiento en buscadores (SEO), ya que describen mejor la función del contenido.

Además, HTML5 permite integrar contenido multimedia sin necesidad de complementos externos:

<video controls>
  <source src="video.mp4" type="video/mp4">
</video>




Esto facilita la incorporación de video y audio directamente en las páginas web.

Comentarios

Publicar un comentario