Want to make creations as awesome as this one?

Transcript

ALUMNA: ANAHÍ GUTIÉRREZ DOMÍNGUEZ - 21270290TÍTULO DE ACTIVIDAD: A2.1 LENGUAJES DE MARCACARRERA: INGENIERÍA EN SISTEMAS COMPUTACIONALESASESOR: CÉSAR IVÉN ALVAREZ ALBORESINSTITUTO TECNOLÓGICO DE TUXTLA GUTIÉRREZ

Empezar

Programación web

LENGUAJES DE MARCAS

La investigación sobre lenguajes de marca en programación web tiene como finalidad examinar cómo lenguajes como HTML, XML y Markdown organizan y presentan el contenido en la web. Estos lenguajes son esenciales para el diseño y la construcción de sitios web, ya que permiten definir la estructura y el formato de la información. Al profundizar en sus características y usos, se puede mejorar la accesibilidad, la usabilidad y la eficacia del desarrollo web, además de promover mejores prácticas en la creación de contenido digital.

INTRODUCCIÓN

Siguiente

El lenguaje de marca se refiere a la forma de codificar un documento o página web. Es una manera de definir la estructura del texto o su presentación incorporando etiquetas o marcas que contienen información adicional. Su principal objetivo es clarificar la estructura de un documento y el contenido semántico del mismo.

¿Qué son los lenguajes de marca?

Siguiente

Siguiente

Los lenguajes de marcado utilizan archivos de texto plano, lo que permite que sean editados fácilmente con cualquier editor de texto y sean independientes de la plataforma o sistema operativo. Esto evita las restricciones de los archivos binarios, que requieren programas específicos para su edición. Las instrucciones de marcado se mezclan con el contenido en un único archivo.

Características de los lenguajes de marcas

Importancia de los lenguajes de marcas

Los lenguajes de marcado son importantes porque permiten estructurar, definir y presentar texto y sus metadatos. Son fundamentales para el diseño de la web semántica, que define el significado de la información para que sea más fácil procesarla automáticamente y reutilizarla.

Siguiente

HTML (HyperText Markup Language).

Siguiente

CARACTERÍSTICAS

DEFINICIÓN

FUNCIONES

CSS (Cascading Style Sheets).

Siguiente

CARACTERÍSTICAS

DEFINICIÓN

FUNCIONES

XML (eXtensible Markup Language)

Siguiente

CARACTERÍSTICAS

DEFINICIÓN

FUNCIONES

XHTML (eXtensible HyperText Markup Language)

Siguiente

CARACTERÍSTICAS

DEFINICIÓN

FUNCIONES

Análisis

Los lenguajes de marca son esenciales en la programación web, ya que estructuran y presentan contenido de manera efectiva. Por ejemplo, HTML define la jerarquía del contenido, mientras que CSS se encarga de su estilo visual. Su importancia radica en la accesibilidad, el SEO y la interoperabilidad entre diferentes dispositivos. Además, estos lenguajes complementan otros como JavaScript, que añade interactividad. Frameworks como React y Angular integran lenguajes de marca para crear aplicaciones dinámicas, y lenguajes como XML y JSON facilitan el intercambio de datos entre el cliente y el servidor. En resumen, dominar los lenguajes de marca es crucial para un desarrollo web eficaz y atractivo.

Siguiente

Conclusiones

En conclusión, los lenguajes de marca son fundamentales en la programación web, ya que permiten estructurar, presentar y estilizar el contenido de manera efectiva. Su capacidad para mejorar la accesibilidad, la usabilidad y el SEO es crucial en un entorno digital cada vez más diverso. Además, su interacción con otros lenguajes de programación, como JavaScript y lenguajes de servidor, enriquece la funcionalidad de las aplicaciones web. Por lo tanto, el dominio de los lenguajes de marca no solo es esencial para el desarrollo web, sino que también es clave para crear experiencias de usuario atractivas y eficientes.

Siguiente

REFERENCIAS

Universidad Europea. (2023, 24 enero). ¿Qué es el lenguaje de marca o lenguaje de marcado? https://universidadeuropea.com/blog/que-es-lenguaje-marca/Equipo editorial de IONOS. (2023, 13 octubre). ¿Qué es HTML (Hyper Text Markup Language)? IONOS Digital Guide. https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/que-es-html/¿Qué es XML? - Explicación del lenguaje de marcado extensible (XML) - AWS. (s. f.). Amazon Web Services, Inc. https://aws.amazon.com/es/what-is/xml/Cruz, A. L. (2024, 16 septiembre). Introducción a los lenguajes de marcado o de marcas. Eniun. https://www.eniun.com/introduccion-lenguajes-de-marcado/Morales, R. (2021, 11 junio). Qué son los lenguajes de marcas. ticARTE. https://www.ticarte.com/contenido/que-son-los-lenguajes-de-marcas

INICIO

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.

HTML

El lenguaje HTML tiene principalmente las siguientes características:

  • En la creación de páginas web, se utilizan tags HTML para describir y estructurar los elementos de la página.
  • La sintaxis de HTML es uniforme y textual, y consta siempre de una etiqueta de inicio y otra de fin.
  • Por ello, HTML se considera un lenguaje de marcado o markup.

Características

  • Describir el diseño y el aspecto de una página web
  • Ejecutar vídeos insertados en HTML, elementos de audio y hojas de cálculo
  • Integrar diferentes dispositivos estilísticos para la presentación de textos
  • Navegar dentro de una página web mediante hipervínculos
  • Crear formularios para la generación de clientes potenciales, como formularios de registro, newsletters, solicitudes de contacto o descargas
  • En combinación con plugins, integración de formularios de búsqueda y opciones de reserva
  • Ejecución de contenidos de página dinámicos mediante referencias a hojas de estilo CSS o archivos JavaScript

Funciones

  • Es un lenguaje de programación diferente a HTML.
  • Permite el apilamiento de instrucciones para definir formatos específicos.
  • Es utilizable en todos los navegadores y plataformas.
  • Optimiza el funcionamiento de las páginas web.
  • Tiene una sintaxis específica.
  • Permite personalizar totalmente la apariencia de las páginas.

Características

El nombre extendido de CSS es Cascading Style Sheets, en español significa hojas de estilo en cascada. Este es un lenguaje de programación que trabaja en perfecta armonía con el HTML en el frontend. Para los programadores web es una herramienta muy útil para especificar el aspecto y la posición de los elementos en el sitio.

CSS

Es un lenguaje que se utiliza para diseñar y dar estilo a las páginas web. Entre sus usos se encuentran:

  • Modificar el color, tamaño, fuente y espaciado del contenido
  • Dividir el contenido en columnas
  • Agregar animaciones y otras características decorativas
  • Aplicar transformaciones, como rotar, escalar y mover elementos
  • Decorar la página web con imágenes de fondo y colores

Funciones

  • Respaldo para las transacciones interempresariales
  • Conservación de la integridad de los datos
  • Mejora de la eficiencia de búsqueda
  • Diseño de aplicaciones flexibles

Funciones

El lenguaje de marcado extensible (XML) permite definir y almacenar datos de forma compartible. XML admite el intercambio de información entre sistemas de computación, como sitios web, bases de datos y aplicaciones de terceros. Las reglas predefinidas facilitan la transmisión de datos como archivos XML a través de cualquier red, ya que el destinatario puede usar esas reglas para leer los datos de forma precisa y eficiente.

XML

  • Permitir definir etiquetas propias.
  • Permitir asignar atributos a las etiquetas.
  • Utilizar un esquema para definir de forma exacta las etiquetas y los atributos.
  • La estructura y el diseño son independientes.

Características

XHTML se utiliza para marcar contenido como texto, imágenes y enlaces en forma de hipervínculos para crear una cierta estructura que puede ser mostrada por los navegadores. Los documentos pueden ser estructurados con XHTML para hacerlos legibles para un analizador. El analizador interpreta los elementos de marcado especificados en las definiciones del lenguaje XHTML y reproduce el contenido de estos elementos de una manera específica.

Funciones

XHTML es una sigla de la lengua inglesa que procede de la expresión Extensible Hypertext Markup Language. En nuestro idioma, dicha frase puede traducirse como Lenguaje de Marcado de Hipertexto Entendido.Lo que hace el XHTML es volver compatibles ambos lenguajes (el HTML y el XML). De esta forma, mantiene la mayoría de las características del HTML, aunque con elementos del XML. El XHTML, por lo tanto, otorga mayor robustez y capacidad de adaptación, resultando importante para el desarrollo de la Web 3.0 gracias a su tipo de codificación.

XHTML

  • Capacidad de procesar contenido mediante programas informáticos.
  • Mayor facilidad de lectura para los navegadores.
  • Posibilidad de incorporar elementos de distintos espacios de nombres XML (Ejemplo: MathML y Scalable Vector Graphics)
Además de esto, XHTML evita el uso de etiquetas y atributos que sirven para definir el aspecto de los elementos y solo implementa aquellas que sirven para definir el significado de cada elemento de la página.

Características