Codingia

Desarrollo de software e inteligencia artificial

Estructura y Sintaxis del Lenguaje de Marcas

Estructura de las Etiquetas

Las etiquetas HTML se componen de nombres encerrados entre los signos < y >. Estas etiquetas suelen organizarse en parejas: una etiqueta de apertura y otra de cierre.

  • Etiqueta de apertura: <etiqueta>
  • Etiqueta de cierre: </etiqueta>

Ejemplos de Etiquetas

  • <h2>: Define un subt铆tulo o encabezado de segundo nivel.
  • <i>: Aplica un formato en cursiva.

Adem谩s, es posible anidar etiquetas, es decir, incluir etiquetas dentro de otras, respetando su jerarqu铆a. Por ejemplo:

<h2>Bienvenido al <i>tutorial</i> HTML</h2>

Estructura de un Documento HTML

Todo documento HTML debe estar delimitado por las etiquetas <html> y </html>. Dentro de esta estructura, se distinguen dos partes principales:

  1. Cabecera (<head>): Incluye metadatos como el t铆tulo de la p谩gina, definido con <meta>.
  2. Cuerpo (<body>): Contiene el contenido visible de la p谩gina, como texto, im谩genes y enlaces.

Ejemplo de Estructura B谩sica

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="UTF-8">
    <title>P谩gina de Ejemplo</title>
  </head>
  <body>
    <h2>Introducci贸n</h2>
    <p>Este es un ejemplo de estructura b谩sica de HTML.</p>
  </body>
</html>










Evoluci贸n de HTML y Uso de DOCTYPE





HTML ha evolucionado a trav茅s de diferentes versiones, cada una con nuevas etiquetas y caracter铆sticas. La declaraci贸n <!DOCTYPE> al principio del documento indica al navegador qu茅 versi贸n de HTML se est谩 utilizando, asegurando compatibilidad con la sintaxis correspondiente.





Tipos de Declaraciones DOCTYPE





    

  1. Estricta: No permite el uso de elementos obsoletos. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
    2. 




  2. Transicional: Permite elementos desfasados para facilitar la transici贸n entre versiones.
    3. 




  3. Frameset: Dise帽ada para p谩ginas que utilizan marcos.
    4. 











Sintaxis HTML





Un archivo HTML se compone de elementos, cada uno con un nombre (etiqueta), contenido y caracter铆sticas opcionales denominadas atributos.





Tipos de Etiquetas





    

  1. De apertura: <etiqueta>
    2. 




  2. De cierre: </etiqueta>
    3. 




  3. Autocerradas: <etiqueta /> (usadas principalmente en XHTML y compatibles con HTML5).
    4. 






Atributos





Los atributos son propiedades de las etiquetas, definidos en el formato atributo="valor". Por ejemplo:





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
















Comparativa entre HTML y XML





Aunque HTML y XML son lenguajes de marcas, tienen diferencias importantes:





    

  • HTML: Dise帽ado para definir la estructura y presentaci贸n de p谩ginas web.
    • 




  • XML: Centrado en estructurar datos para su intercambio y almacenamiento.
    • 






Ejemplo de Documento XML





<?xml version="1.0" encoding="UTF-8"?>
<contacto>
  <nombre>Maria L贸pez</nombre>
  <email>maria@example.com</email>
</contacto>