EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Tutoriales
  • Blog
✕
            Sin resultados Ver todos los resultados

            Introducción a los lenguajes de marcado o de marcas

            Lenguaje de marcas HTML

            Lenguaje de marcas HTML

            Los lenguajes de marcado o de marcas son una parte fundamental en el mundo de la informática y la comunicación online. Estos lenguajes, como HTML o XML, son utilizados para estructurar, formatear y organizar la información en la web y otros entornos digitales.

            Contenidos del artículo

            • ¿Qué es un Lenguaje de marcado o de marcas?
            • HTML: El Lenguaje de Marcado para la Web
            • XML: Definiendo etiquetas según una estructura de datos
            • Markdown: Simplificando el formateo de texto

            Los lenguajes de marcado suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritméticas o variables, como poseen los lenguajes de programación. 

            ¿Qué es un Lenguaje de marcado o de marcas?

            Un lenguaje de marcado es un sistema de codificación que utiliza etiquetas y marcadores para definir la estructura y el formato de un documento. En lugar de utilizar un lenguaje natural como el inglés o el español, los lenguajes de marcas utilizan instrucciones específicas para que las computadoras puedan entender y representar la información de manera coherente.

            Un sistema de codificación se refiere a un conjunto de reglas y convenciones que se utilizan para representar datos, caracteres, números y otros elementos en una forma que pueda ser interpretada y procesada por una computadora. Estos sistemas son fundamentales en la informática y las comunicaciones, ya que permiten la representación de información de una manera estandarizada y comprensible. Un sistema de codificación define cómo se asigna cada símbolo o carácter a una secuencia de bits (ceros y unos).

            Ver mapa de lenguajes de marcado

            HTML: El Lenguaje de Marcado para la Web

            HTML (HyperText Markup Language) es el lenguaje de marcado más conocido y ampliamente utilizado en la creación de páginas web. Con HTML, puedes definir la estructura básica de una página web, incluyendo títulos, párrafos, encabezados, imágenes, enlaces y mucho más.

            documento.html

            <!DOCTYPE html>
            <html>
            <head>
              <title>Ejemplo HTML</title>
            </head>
            <body>
              <h1>Título del artículo</h1>
              <p>Este es un párrafo de ejemplo que describe la sintaxis básica de Markdown.</p>  
              <h2>Listado de elementos Markdown:</h2>
              <ul>
                <li>Encabezados</li>
                <li>Párrafos</li>
                <li>Listas</li>
              </ul>
            </body>
            </html>

            XML: Definiendo etiquetas según una estructura de datos

            XML (Extensible Markup Language) es otro lenguaje de marcado importante que se utiliza para estructurar y almacenar datos de manera jerárquica. A diferencia de HTML, que sigue unas reglas específicas para etiquetas y atributos, XML permite crear una sintaxis personalizada y definir etiquetas y atributos según las necesidades del usuario. Además, XML no tiene etiquetas predefinidas y permite al usuario definir sus propias etiquetas según la estructura de datos que se necesita representar, entre otras diferencias.

            documento.xml

            <?xml version="1.0" encoding="UTF-8"?>
            <profesor>
              <nombre>Andrea</nombre>
              <apellidos>Lluch Cruz</apellidos>
              <fecha-de-nacimiento>
                  <día>28</día>
                  <mes>2</mes>
                  <año>2030</año>
               </fecha-de-nacimiento>
            </profesor>

            Markdown: Simplificando el formateo de texto

            Markdown es un lenguaje de marcado ligero que se utiliza para formatear texto de manera sencilla y rápida. Con Markdown, puedes aplicar fácilmente negritas, cursivas, listas y otros estilos de texto sin necesidad de aprender un lenguaje de marcado más complejo como HTML. Hay multitud de herramientas y plataformas que utilizan Markdown como formato de escritura y visualización. Algunas de las más populares son: plataformas de blogging como WordPress, sistemas de control de versiones como GitHub, herramientas de documentación como Readme.io, etc.

            documento.md

            # Título del artículo
            Este es un párrafo de ejemplo que describe la sintaxis básica de Markdown.
            ## Listado de elementos Markdown:
            - Encabezados
            - Párrafos
            - Listas

            Test

            Ver curso completo de Lenguajes de Marcas y Sistemas de Gestión de Información

            Navegación de entradas

            ← Resumen de clases Bootstrap 5. Cheat sheet (chuleta)
            Técnicas de marketing online para impulsar tu negocio →

            Tutorial HTML

            • 1. Lenguaje de marcas HTML
            • 2. Estructura y elementos semánticos
            • 3. Contenido y texto
            • 4. Formularios
            • 5. Tablas de contenido
            • 6. Contenido incrustado
            • 7. Elementos de ordenación
            • 8. Marcadores en HTML
            • 9. Factores HTML clave para el SEO
            • 10. Test de verificación HTML y herramientas útiles
            • 11. Metainformación en HTML
            • 12. Configuración metaetiqueta viewport, web responsive
            • 13. Resumen HTML
            • 14. Ejercicios resueltos HTML

            Tutoriales

            • Diseño de Interfaces
            • Usabilidad web
            • Accesibilidad web
            • HTML
            • XML
            • CSS Nivel Inicial
            • CSS Nivel Intermedio
            • CSS Nivel Avanzado
            • Bootstrap 5
            • Ver más tutoriales

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            TUTORIALES

            • Contenidos por bloques
            • Diseño de Interfaces Web
            • Lenguajes de Marcas y Sistemas de Gestión de Información

            SÍGUENOS

                 

            NUESTRA MISIÓN

            Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

            Únete y recibe gratis contenido exclusivo



              © 2023 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          Sin resultados Ver todos los resultados