Editor de texto
¡Vamos!
¿Que son y para que sirven los lenguajes de marcas?
Es un tipo de lenguaje informático que sirve para estructurar, organizar y dar formato a la informacion dentro de un documento. Sus caracteristicas principales son el uso de etiquetas (delimitan o identifican partes del contenido), no son instrucciones de ejecucion como en un programa (sino descripciones de estructura y formato) y son legibles para humanos y maquinas
Continuar
Tipos de lenguajes de marcas
Continuar
Tipos
De presentación: Definen cómo se ve el documento: formatos, estilos, fuentes, disposición gráfica, etc. De procedimiento: No solo presentación, sino que las marcas indican acciones que se deben ejecutar en cierto orden; suelen permitir macros o comandos que el procesador de documentos “interpreta” de forma procedural. Ej: LaTeX, TeX, PostScript. Descriptivos o semánticos: Las marcas describen qué es cada parte del contenido (semántica, estructura) pero no cómo debe presentarse visualmente. Ej: XML, SGML. Permiten separar contenido de formato.
Continuar
Ventajas y desventajas
Lenguajes de presentacion
Mezclan contenido y presentación, dificultando la reutilización. Poca flexibilidad: si cambias el diseño, debes modificar todo el documento. Escasa semántica → máquinas y programas no entienden el significado del contenido (solo cómo se ve).
Fáciles de usar para dar formato visual rápidamente. Resultados inmediatos: se ve tal cual lo que se especifica. Ideales para documentos donde lo importante es la apariencia.
Continuar
Ventajas y desventajas
Lenguajes de procedimiento
Altísima potencia y flexibilidad (ideal para documentos científicos, técnicos o gráficos complejos). Permiten automatizar tareas mediante macros y comandos. Separan en cierto modo contenido de formato gracias a la lógica procedural. Generan documentos de gran calidad tipográfica.
Curva de aprendizaje muy elevada. La creación de documentos es más lenta y requiere conocimientos técnicos. No tan intuitivos para usuarios sin experiencia.
Continuar
Ventajas y desventajas
Lenguajes descriptivos o semánticos
Separan completamente contenido y presentación → mayor reutilización. Comprensibles para máquinas (útil en web semántica, bases de datos, interoperabilidad). Facilitan el mantenimiento y la adaptación a diferentes medios (ej: web, móvil, impresión). Favorecen la accesibilidad y la indexación (por ejemplo, por buscadores).
Más abstractos: no muestran el resultado visual directamente. Requieren hojas de estilo u otros lenguajes complementarios para la presentación (ej: XML + XSLT, HTML + CSS). Pueden ser más verbosos y costosos de escribir.
Continuar
Lenguajes de marcas mas usados
Continuar
HTML (HyperText Markup Language)
Lenguaje de marcas más extendido en la web. Se usa para estructurar el contenido de páginas web: encabezados, párrafos, listas, enlaces, tablas, etc. Ejemplo: <h1>Título</h1><p>Este es un párrafo.</p> ¿Para que se usaria? Principalmente para la base de cualquier sitio web.
Continuar
XML (eXtensible Markup Language)
Lenguaje de marcas descriptivo que permite definir etiquetas personalizadas para representar datos estructurados. No define presentación, sino contenido. Ejemplo: <persona>
<nombre>Ana</nombre>
<edad>25</edad>
</persona> ¿Para que se usaria? Principalmente para el intercambio de datos entre sistemas, configuración de aplicaciones, documentos estructurados.
Continuar
LaTeX
Lenguaje de marcas de procedimiento, orientado a la composición de textos científicos, académicos y técnicos de alta calidad tipográfica. Ejemplo: \section{Introducción}
Este es un texto con una fórmula: $E=mc^2$.
¿Para que se usaria? Principalmente para los artículos científicos, tesis, libros técnicos, documentos matemáticos.
Continuar
¿Que editor grafico deberia de usar para HTML, JavaScrip y CSS?
Continuar
Visual Estudio Code
Es perfecto para empezar, ya que es gratuito, ligero, multiplataforma y tiene cosas que te lo pone mas facil aprender como el autocompletado, la deteccion de errores y la vista previa en vivo. Aparte de eso tiene un gran ecosistema de extensiones desde para frameworks hasta depuradores. Es el usado por la mayoria de desarrolladores web a dia de hoy, eso implica mas tutoriales y una comunidad enorme.
Continuar
¡Gracias!
Inicio
josecarlosgg4@gmail.com
https://www.um.es/linux/xml/ponencia/XML_paratodos.pdf https://apuntes-daw.javiergutierrez.trade/lenguajes-de-marcas/ut1/LM01.html https://ultreia.ucv.es/index.php/ultreia/catalog/download/35/47/1463 www.academia.edu/40617721/IES_Doñana_Unidad_1_Introducción_a_los_lenguajes_de_marcas marcosruiz.github.io/posts/introduccion-lenguajes-marcas www.bibliopos.es/Biblion-A2-Biblioteconomia/10Lenguajes-de-marcado.pdf torroja.dmt.upm.es/media/files/ctext.pdf
Inicio
josecarlosgg4@gmail.com
Editor de texto
sjsevan 014
Created on September 16, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Terrazzo Presentation
View
Visual Presentation
View
Relaxing Presentation
View
Modern Presentation
View
Colorful Presentation
View
Modular Structure Presentation
View
Chromatic Presentation
Explore all templates
Transcript
Editor de texto
¡Vamos!
¿Que son y para que sirven los lenguajes de marcas?
Es un tipo de lenguaje informático que sirve para estructurar, organizar y dar formato a la informacion dentro de un documento. Sus caracteristicas principales son el uso de etiquetas (delimitan o identifican partes del contenido), no son instrucciones de ejecucion como en un programa (sino descripciones de estructura y formato) y son legibles para humanos y maquinas
Continuar
Tipos de lenguajes de marcas
Continuar
Tipos
De presentación: Definen cómo se ve el documento: formatos, estilos, fuentes, disposición gráfica, etc. De procedimiento: No solo presentación, sino que las marcas indican acciones que se deben ejecutar en cierto orden; suelen permitir macros o comandos que el procesador de documentos “interpreta” de forma procedural. Ej: LaTeX, TeX, PostScript. Descriptivos o semánticos: Las marcas describen qué es cada parte del contenido (semántica, estructura) pero no cómo debe presentarse visualmente. Ej: XML, SGML. Permiten separar contenido de formato.
Continuar
Ventajas y desventajas
Lenguajes de presentacion
Mezclan contenido y presentación, dificultando la reutilización. Poca flexibilidad: si cambias el diseño, debes modificar todo el documento. Escasa semántica → máquinas y programas no entienden el significado del contenido (solo cómo se ve).
Fáciles de usar para dar formato visual rápidamente. Resultados inmediatos: se ve tal cual lo que se especifica. Ideales para documentos donde lo importante es la apariencia.
Continuar
Ventajas y desventajas
Lenguajes de procedimiento
Altísima potencia y flexibilidad (ideal para documentos científicos, técnicos o gráficos complejos). Permiten automatizar tareas mediante macros y comandos. Separan en cierto modo contenido de formato gracias a la lógica procedural. Generan documentos de gran calidad tipográfica.
Curva de aprendizaje muy elevada. La creación de documentos es más lenta y requiere conocimientos técnicos. No tan intuitivos para usuarios sin experiencia.
Continuar
Ventajas y desventajas
Lenguajes descriptivos o semánticos
Separan completamente contenido y presentación → mayor reutilización. Comprensibles para máquinas (útil en web semántica, bases de datos, interoperabilidad). Facilitan el mantenimiento y la adaptación a diferentes medios (ej: web, móvil, impresión). Favorecen la accesibilidad y la indexación (por ejemplo, por buscadores).
Más abstractos: no muestran el resultado visual directamente. Requieren hojas de estilo u otros lenguajes complementarios para la presentación (ej: XML + XSLT, HTML + CSS). Pueden ser más verbosos y costosos de escribir.
Continuar
Lenguajes de marcas mas usados
Continuar
HTML (HyperText Markup Language)
Lenguaje de marcas más extendido en la web. Se usa para estructurar el contenido de páginas web: encabezados, párrafos, listas, enlaces, tablas, etc. Ejemplo: <h1>Título</h1><p>Este es un párrafo.</p> ¿Para que se usaria? Principalmente para la base de cualquier sitio web.
Continuar
XML (eXtensible Markup Language)
Lenguaje de marcas descriptivo que permite definir etiquetas personalizadas para representar datos estructurados. No define presentación, sino contenido. Ejemplo: <persona> <nombre>Ana</nombre> <edad>25</edad> </persona> ¿Para que se usaria? Principalmente para el intercambio de datos entre sistemas, configuración de aplicaciones, documentos estructurados.
Continuar
LaTeX
Lenguaje de marcas de procedimiento, orientado a la composición de textos científicos, académicos y técnicos de alta calidad tipográfica. Ejemplo: \section{Introducción} Este es un texto con una fórmula: $E=mc^2$. ¿Para que se usaria? Principalmente para los artículos científicos, tesis, libros técnicos, documentos matemáticos.
Continuar
¿Que editor grafico deberia de usar para HTML, JavaScrip y CSS?
Continuar
Visual Estudio Code
Es perfecto para empezar, ya que es gratuito, ligero, multiplataforma y tiene cosas que te lo pone mas facil aprender como el autocompletado, la deteccion de errores y la vista previa en vivo. Aparte de eso tiene un gran ecosistema de extensiones desde para frameworks hasta depuradores. Es el usado por la mayoria de desarrolladores web a dia de hoy, eso implica mas tutoriales y una comunidad enorme.
Continuar
¡Gracias!
Inicio
josecarlosgg4@gmail.com
https://www.um.es/linux/xml/ponencia/XML_paratodos.pdf https://apuntes-daw.javiergutierrez.trade/lenguajes-de-marcas/ut1/LM01.html https://ultreia.ucv.es/index.php/ultreia/catalog/download/35/47/1463 www.academia.edu/40617721/IES_Doñana_Unidad_1_Introducción_a_los_lenguajes_de_marcas marcosruiz.github.io/posts/introduccion-lenguajes-marcas www.bibliopos.es/Biblion-A2-Biblioteconomia/10Lenguajes-de-marcado.pdf torroja.dmt.upm.es/media/files/ctext.pdf
Inicio
josecarlosgg4@gmail.com