¿Que es HTML?

HTML (HyperText Markup Language) es el lenguaje básico para crear páginas web. Sirve para dar estructura al contenido, como títulos, párrafos, imágenes y enlaces. Básicamente, HTML es el esqueleto de una página web que los navegadores leen para mostrar tu sitio. Imagen del laboratorio clínico

Estructura de un HTML

La estructura del HTML es la forma organizada y jerárquica en que se construye un documento web, permitiendo que los navegadores interpreten y muestren correctamente el contenido. Está compuesta por una declaración inicial del tipo de documento (!DOCTYPE html), seguida de la etiqueta (html) que engloba todo el contenido. Dentro de (html) se encuentran principalmente dos secciones: el (head), que contiene información sobre la página como el título, estilos y scripts; y el (body), que contiene todo el contenido visible para los usuarios, como texto, imágenes, enlaces y secciones de la página. Cada elemento se organiza de manera jerárquica mediante etiquetas, formando una estructura en “árbol” que facilita la lectura y el diseño del sitio web.

  • !DOCTYPE html: Indica que es un documento HTML5.
  • html lang ="es":Contenedor principal del documento, con idioma español..
  • head: Información de la página (meta, título, enlaces a CSS, etc.).
  • body: Todo el contenido visible de la página.
  • header: Encabezado de la página..
  • nav: Menú de navegación..
  • main: Contenido principal dividido en secciones (section).
  • footer: Pie de página.
    • Imagen del laboratorio clínico

    Etiqueta

    Una etiqueta en HTML es un elemento que indica al navegador cómo mostrar o interpretar un contenido específico. Las etiquetas son la base de HTML y generalmente vienen en pares: una de apertura y otra de cierre, aunque algunas son autocontenidas.

    Ejemplo
    Imagen del laboratorio clínico

    Estructura de una etiqueta

    La estructura general de una etiqueta HTML es: Imagen del laboratorio clínico

  • (nombre-etiqueta):Indica el tipo de elemento (por ejemplo, p, h1, div).
  • atributo = "valor": Opcional, proporciona información adicional sobre la etiqueta.
  • Contenido: Lo que se mostrará en la página (texto, imágenes, enlaces, etc.).
  • (nombre-etiqueta): Cierre de la etiqueta (no se usa en etiquetas autocontenidas como (img) o (br).

    • Atributos de una etiqueta

    Un atributo de una etiqueta es una propiedad adicional que se añade a una etiqueta HTML para modificar su comportamiento, apariencia o proporcionar información extra sobre el elemento.

    ¿Que es CSS?

    CSS, llamado Cascading Style Sheets, es el lenguaje que define la apariencia visual de una página web. A través de él, se recorren colores, tamaños, formas y espacios que dan identidad y armonía a cada elemento. Con CSS puedes transformar lo simple en algo estético, creando ambientes más claros, atractivos y organizados. A medida que avanzas por su funcionamiento, descubres cómo controla la distribución, el diseño adaptable a diferentes pantallas y la personalidad visual de todo lo que se muestra. CSS convierte cada detalle en una oportunidad para expresar estilo. Imagen del laboratorio clínico