", "<name>", "<caption>" ], "correctAnswer": 1, "explanation": "Dentro de la cabecera, tendremos la etiqueta <title>

{ "id": "lenguajes-de-marcas", "title": "Leng. de Marcas", "description": "HTML, XML y Sistemas de Gestión de Información", "icon": "💅🏻", "items": [ { "kind": "lesson", "name": "Lenguajes de Marcas y Sistemas de Gestión de Información", "questions": [ { "id": 1, "type": "multiple_choice", "question": "¿Cuál es el propósito principal de los lenguajes de marcas?", "options": [ "Crear documentos para representar información que se puede visualizar en un navegador web", "Únicamente diseñar páginas web estáticas", "Reemplazar completamente los lenguajes de programación", "Crear únicamente archivos de configuración" ], "correctAnswer": 0, "explanation": "Los lenguajes de marcas permiten crear documentos para representar información que se puede visualizar en navegadores web, usar como ficheros de configuración o utilizar en el intercambio de información entre aplicaciones informáticas." }, { "id": 2, "type": "multiple_choice", "question": "¿Qué caracteres se utilizan para definir las etiquetas en los lenguajes de marcas?", "options": [ "( ) y |", "< > y /", "[ ] y \\", "{ } y *" ], "correctAnswer": 1, "explanation": "Para definir las etiquetas en los lenguajes de marcas se utilizan los caracteres <, > y /." }, { "id": 3, "type": "multiple_choice", "question": "¿Cuál es una característica de los lenguajes de marcas respecto al tipo de texto que utilizan?", "options": [ "Utilizan texto cifrado", "Utilizan texto plano", "Utilizan texto comprimido", "Utilizan únicamente texto HTML" ], "correctAnswer": 1, "explanation": "Los lenguajes de marcas utilizan texto plano, lo que permite que puedan ser editados por cualquier editor o procesador de textos y los hace independientes de la plataforma." }, { "id": 4, "type": "multiple_choice", "question": "¿Qué significa que los lenguajes de marcas sean 'compactos'?", "options": [ "Ocupan muy poco espacio en disco", "Las marcas se incluyen dentro del propio contenido pero no se muestran en el resultado final", "Son más rápidos que otros lenguajes", "Tienen menos funcionalidades que otros lenguajes" ], "correctAnswer": 1, "explanation": "La característica de 'compacto' significa que las marcas se incluyen dentro del propio contenido, pero no se muestran en el resultado final. Por ejemplo, con Hola mundo, las marcas y no aparecen en el navegador." }, { "id": 5, "type": "multiple_choice", "question": "¿Cuál fue el origen de los lenguajes de marcas?", "options": [ "HTML", "XML", "GML (Generalized Markup Language)", "XHTML" ], "correctAnswer": 2, "explanation": "El origen de los lenguajes de marcas es el GML (Generalized Markup Language), que surgió como una forma de estandarizar la manera en que se compartía información en los sistemas informáticos." }, { "id": 6, "type": "multiple_choice", "question": "¿Qué estándar evolucionó a partir de GML?", "options": [ "HTML", "XML", "SGML (Standard Generalized Markup Language)", "XHTML" ], "correctAnswer": 2, "explanation": "GML evolucionó hacia SGML (Standard Generalized Markup Language) que solventó deficiencias de GML dando lugar a la ISO 8879." }, { "id": 7, "type": "multiple_choice", "question": "¿Quién creó HTML y en qué década?", "options": [ "Bill Gates en los años 80", "Tim Berners-Lee en los años 90", "Steve Jobs en los años 90", "Mark Zuckerberg en los años 2000" ], "correctAnswer": 1, "explanation": "En los años 90, Tim Berners-Lee simplifica SGML y crea el lenguaje de marcas HTML, que permite que se visualice información en un navegador web." }, { "id": 8, "type": "multiple_choice", "question": "¿En qué año se establece el estándar XML?", "options": [ "1995", "1998", "2000", "2002" ], "correctAnswer": 1, "explanation": "Para resolver las deficiencias de HTML en el uso de etiquetas y creación de contenido dinámico, en 1998 se establece el estándar XML." }, { "id": 9, "type": "multiple_choice", "question": "¿Cuáles son los tres tipos de clasificación de los lenguajes de marcas?", "options": [ "Simple, complejo y avanzado", "Básico, intermedio y experto", "De presentación, de procedimiento y descriptivo o semántico", "Estático, dinámico y híbrido" ], "correctAnswer": 2, "explanation": "Los lenguajes de marcas se clasifican en tres tipos: de presentación, de procedimiento, y descriptivo o semántico." }, { "id": 10, "type": "multiple_choice", "question": "¿Qué caracteriza a los lenguajes de marcas de presentación?", "options": [ "Se utilizan para describir estructuras de datos", "Se utilizan para el diseño y muestra del texto de un documento", "Se utilizan únicamente para programación", "Se utilizan para crear bases de datos" ], "correctAnswer": 1, "explanation": "Los lenguajes de marcas de presentación se utilizan para el diseño y muestra del texto de un documento, siendo útiles para información pequeña pero inviables para proyectos más voluminosos." }, { "id": 11, "type": "multiple_choice", "question": "¿Qué añaden los lenguajes de marcas de procedimiento a los de presentación?", "options": [ "Mayor velocidad de procesamiento", "Visibilidad de lo que se está editando", "Menor consumo de memoria", "Compatibilidad con más navegadores" ], "correctAnswer": 1, "explanation": "Los lenguajes de marcas de procedimiento disponen de la funcionalidad de presentación, pero también incluyen visibilidad de lo que se está editando." }, { "id": 12, "type": "multiple_choice", "question": "¿Cuáles son ejemplos de lenguajes descriptivos o semánticos?", "options": [ "Word y Excel", "SGML, HTML, XML y XHTML", "JavaScript y Python", "CSS y Bootstrap" ], "correctAnswer": 1, "explanation": "En los lenguajes descriptivos o semánticos tenemos SGML y sus derivados como HTML, XML y XHTML." }, { "id": 13, "type": "multiple_choice", "question": "¿Cuál es uno de los usos más demandados de los lenguajes de marcas?", "options": [ "Crear videojuegos", "Compartir información entre plataformas", "Diseñar interfaces gráficas únicamente", "Crear sistemas operativos" ], "correctAnswer": 1, "explanation": "Uno de los usos más demandados de los lenguajes de marcas es compartir información entre plataformas, aprovechando su independencia de plataforma y tecnología." }, { "id": 14, "type": "multiple_choice", "question": "¿Qué herramienta básica se puede usar para trabajar con lenguajes de marcas?", "options": [ "Microsoft Word", "Adobe Photoshop", "Bloc de notas", "Excel" ], "correctAnswer": 2, "explanation": "La forma más inmediata de trabajar con lenguajes de marcas es utilizar el bloc de notas, ya que al ser texto plano no hay problemas para utilizarlo." }, { "id": 15, "type": "multiple_choice", "question": "¿Qué ventaja ofrece Notepad++ para trabajar con lenguajes de marcas?", "options": [ "Es más rápido que otros editores", "Colorea las etiquetas según el lenguaje seleccionado", "Compila automáticamente el código", "Incluye un navegador web integrado" ], "correctAnswer": 1, "explanation": "Notepad++ colorea las etiquetas o palabras reservadas según el lenguaje elegido, lo que permite identificar visualmente los diferentes bloques del documento." }, { "id": 16, "type": "multiple_choice", "question": "¿Qué característica especial tiene Visual Studio Code mencionada en el documento?", "options": [ "Es gratis para estudiantes", "Autocompletado de etiquetas y posibilidad de instalar plugins", "Únicamente funciona con HTML", "No requiere instalación" ], "correctAnswer": 1, "explanation": "Visual Studio Code tiene el autocompletado de ciertas etiquetas a medida que se escribe y la posibilidad de instalar plugins que aumenten su capacidad." }, { "id": 17, "type": "multiple_choice", "question": "¿Por qué se considera XML un metalenguaje?", "options": [ "Porque es muy complejo", "Porque gracias a él se pueden definir otros lenguajes específicos", "Porque es el más rápido", "Porque sustituye a HTML" ], "correctAnswer": 1, "explanation": "XML se puede considerar un metalenguaje porque gracias a él se pueden definir otros lenguajes específicos como por ejemplo XHTML." }, { "id": 18, "type": "multiple_choice", "question": "¿Cuál es una ventaja de XML respecto a HTML?", "options": [ "Es más rápido", "No está limitado a un número concreto de etiquetas", "Es más fácil de aprender", "Consume menos memoria" ], "correctAnswer": 1, "explanation": "Una ventaja de XML respecto a HTML es que no está limitado a un número concreto de etiquetas y cuando estas se definen se está indicando el significado de los datos que contienen." }, { "id": 19, "type": "multiple_choice", "question": "¿Cuáles son las dos partes principales de un documento XML?", "options": [ "Cabecera y contenido", "Inicio y final", "Prólogo y cuerpo", "Declaración y datos" ], "correctAnswer": 2, "explanation": "Un documento XML consta de dos partes principales: Prólogo (aparece al comienzo y contiene referencias de cómo está definido el contenido) y Cuerpo (contiene la información en sí)." }, { "id": 20, "type": "multiple_choice", "question": "¿Qué debe contener el prólogo de un documento XML?", "options": [ "Únicamente el nombre del archivo", "La versión y el tipo de codificación de idioma", "Solo comentarios sobre el documento", "La fecha de creación" ], "correctAnswer": 1, "explanation": "El prólogo debe indicar la versión y el tipo de codificación de idioma del documento. Es importante la codificación para que no haya problemas con caracteres como la ñ o acentos." }, { "id": 21, "type": "multiple_choice", "question": "¿Qué significa que un documento XML esté 'bien formado'?", "options": [ "Que es visualmente atractivo", "Que cumple las reglas sintácticas definidas en la recomendación W3C", "Que es pequeño en tamaño", "Que funciona en todos los navegadores" ], "correctAnswer": 1, "explanation": "Un documento XML está bien formado cuando cumple las reglas sintácticas que son definidas en la recomendación W3C con respecto al estándar XML." }, { "id": 22, "type": "multiple_choice", "question": "¿Cuál es una regla básica para que un documento XML esté bien formado?", "options": [ "Debe tener menos de 100 líneas", "Siempre debe existir un nodo raíz del que parta el resto de información", "Debe incluir imágenes", "Debe estar en inglés" ], "correctAnswer": 1, "explanation": "Al tener una estructura en forma de árbol, siempre debe existir un nodo raíz del que partirá el resto de la información." }, { "id": 23, "type": "multiple_choice", "question": "¿Cómo deben ir los atributos de las etiquetas XML?", "options": [ "Sin comillas", "Encerrados entre comillas simples o dobles", "Solo entre paréntesis", "Entre corchetes" ], "correctAnswer": 1, "explanation": "Los atributos de las etiquetas deberán ir encerrados entre comillas simples o dobles y no se pueden repetir dentro de la misma etiqueta." }, { "id": 24, "type": "multiple_choice", "question": "¿Es XML sensible a mayúsculas y minúsculas?", "options": [ "No, no hace diferencia", "Sí, es diferente a ", "Solo en los atributos", "Depende del navegador" ], "correctAnswer": 1, "explanation": "XML es sensible a mayúsculas y minúsculas. Por lo tanto, la etiqueta es diferente a la etiqueta ." }, { "id": 25, "type": "multiple_choice", "question": "¿Cómo se representan los comentarios en XML?", "options": [ "// comentario", "/* comentario */", "", "# comentario" ], "correctAnswer": 2, "explanation": "Los comentarios deben ir fuera de las etiquetas y se representan con los símbolos para su cierre." }, { "id": 26, "type": "multiple_choice", "question": "¿Para qué se utilizan los espacios de nombres en XML?", "options": [ "Para ahorrar espacio en disco", "Para evitar la ambigüedad de etiquetas cuando se unen ficheros XML", "Para acelerar el procesamiento", "Para cifrar el contenido" ], "correctAnswer": 1, "explanation": "Con el uso del espacio de nombres se puede evitar la ambigüedad de etiquetas cuando se unen dos o más ficheros XML que contienen elementos con el mismo nombre." }, { "id": 27, "type": "multiple_choice", "question": "¿Cómo se declara un espacio de nombres en XML?", "options": [ "Mediante el atributo xmlns", "Mediante el atributo namespace", "Mediante el atributo space", "Mediante el atributo ns" ], "correctAnswer": 0, "explanation": "Para utilizar los prefijos en un espacio de nombres hay que declararlo e indicarle un índice con el URI que tenga asociado mediante el atributo especial xmlns." }, { "id": 28, "type": "multiple_choice", "question": "¿Qué formato se recomienda para compartir información de empleados entre diferentes aplicaciones?", "options": [ "Excel", "Word", "XML", "PDF" ], "correctAnswer": 2, "explanation": "El formato ideal sería XML porque permite que se pueda visualizar en cualquier plataforma o aplicación, aprovechando su característica de independencia de plataforma." }, { "id": 29, "type": "multiple_choice", "question": "¿Qué plugin de Visual Studio Code se menciona para crear un servidor local?", "options": [ "Local server", "Live server", "Web server", "Auto server" ], "correctAnswer": 1, "explanation": "Un ejemplo de plugin es live server, que crea un servidor local que permite la recarga en vivo del documento HTML que se esté creando." }, { "id": 30, "type": "multiple_choice", "question": "¿Cuál es la relación entre XML e HTML según el documento?", "options": [ "XML sustituye completamente a HTML", "XML no sustituye a HTML, sino que es otro tipo de lenguaje de marcas", "HTML es mejor que XML", "Son exactamente lo mismo" ], "correctAnswer": 1, "explanation": "Es importante indicar que XML no sustituye a HTML, sino que es otro tipo de lenguaje de marcas con diferentes propósitos y características." }, { "id": 31, "type": "multiple_choice", "question": "¿Qué herramienta se menciona para comprobar si un documento XML está bien formado?", "options": [ "XML Validator", "XML Copy Editor", "XML Checker", "XML Parser" ], "correctAnswer": 1, "explanation": "Para poder comprobar si un documento está bien formado existen herramientas que ayudan, entre ellas está XML Copy Editor." }, { "id": 32, "type": "multiple_choice", "question": "¿Qué representa XHTML?", "options": [ "Una versión anterior de HTML", "Una nueva versión de HTML basada en XML", "Un reemplazo de XML", "Un tipo de CSS" ], "correctAnswer": 1, "explanation": "XHTML (Extensible HyperText Markup Language) es una nueva versión de HTML basada en XML que hace que el documento HTML sea más robusto y más estricto en la construcción de páginas web." }, { "id": 33, "type": "multiple_choice", "question": "¿Qué permite XML al tener información estructurada en el contexto de bases de datos?", "options": [ "Crear tablas automáticamente", "Interrogarla para obtener resultados filtrados", "Cifrar los datos", "Comprimir la información" ], "correctAnswer": 1, "explanation": "XML al tener información estructurada permite interrogarla para obtener resultados filtrados, lo que lo hace útil para trabajar como base de datos." }, { "id": 34, "type": "multiple_choice", "question": "¿Cuál de los siguientes NO es un lenguaje de marcas de tipo descriptivo o semántico según la tabla del documento?", "options": [ "XML", "HTML", "JSON", "TeX" ], "correctAnswer": 3, "explanation": "Según la tabla de clasificación, TeX es un lenguaje de marcas procedimental y de presentación, no descriptivo o semántico. XML, HTML y JSON son descriptivos o semánticos." }, { "id": 35, "type": "multiple_choice", "question": "¿Qué característica hace que los lenguajes de marcas sean flexibles?", "options": [ "Su velocidad de procesamiento", "Su tamaño compacto", "Al basarse en etiquetas, lo que permite su utilización en diferentes áreas de trabajo", "Su compatibilidad con todos los navegadores" ], "correctAnswer": 2, "explanation": "Los lenguajes de marcas son flexibles porque al basarse en etiquetas les otorga una flexibilidad muy alta que permite su utilización en diferentes áreas de trabajo." } ] }, { "kind": "lesson", "name": "Introducción al Documento HTML", "questions": [ { "id": 1, "type": "multiple_choice", "question": "¿Qué significa HTML?", "options": [ "HyperText Markup Language", "High Technology Modern Language", "HyperText Modern Language", "High Text Markup Language" ], "correctAnswer": 0, "explanation": "HTML significa HyperText Markup Language, que es el lenguaje de marcas estándar para crear páginas web." }, { "id": 2, "type": "multiple_choice", "question": "¿Cuál es la sintaxis correcta para delimitar un párrafo en HTML?", "options": [ "

nombre de párrafo

", "[p]nombre de párrafo[/p]", "{p}nombre de párrafo{/p}", "nombre de párrafo" ], "correctAnswer": 0, "explanation": "La sintaxis correcta utiliza etiquetas entre corchetes angulares < y >, con una etiqueta de apertura

y una de cierre

." }, { "id": 3, "type": "multiple_choice", "question": "¿Cuál de estos símbolos se utiliza para indicar una etiqueta de cierre en HTML?", "options": [ "\\", "/", "-", "*" ], "correctAnswer": 1, "explanation": "El carácter barra (/) se utiliza para indicar una etiqueta de cierre, por ejemplo

." }, { "id": 4, "type": "multiple_choice", "question": "¿Cuál de estas etiquetas NO requiere etiqueta de cierre?", "options": [ "

", "

", "", "" ], "correctAnswer": 2, "explanation": "La etiqueta es una etiqueta vacía que no requiere etiqueta de cierre, al igual que

." }, { "id": 5, "type": "multiple_choice", "question": "¿HTML diferencia entre mayúsculas y minúsculas?", "options": [ "Sí, siempre diferencia", "No, no diferencia", "Solo en algunos casos", "Depende del navegador" ], "correctAnswer": 1, "explanation": "HTML no diferencia entre mayúsculas y minúsculas, por lo que

son equivalentes, aunque es buena práctica usar minúsculas." }, { "id": 6, "type": "multiple_choice", "question": "¿Cuál es la sintaxis correcta para incluir un atributo en una etiqueta HTML?", "options": [ "", "", "", "" ], "correctAnswer": 1, "explanation": "La sintaxis correcta requiere que el valor del atributo esté entre comillas: ." }, { "id": 7, "type": "multiple_choice", "question": "¿Qué atributo de la etiqueta especifica la ubicación de la imagen?", "options": [ "alt", "src", "href", "title" ], "correctAnswer": 1, "explanation": "El atributo 'src' hace referencia al lugar donde se encuentra el fichero que contiene la imagen." }, { "id": 8, "type": "multiple_choice", "question": "¿Qué atributo proporciona texto alternativo para una imagen?", "options": [ "title", "src", "alt", "description" ], "correctAnswer": 2, "explanation": "El atributo 'alt' proporciona información que se mostrará cuando haya problemas para mostrar la imagen." }, { "id": 9, "type": "multiple_choice", "question": "¿Cuál es la sintaxis correcta para incluir un comentario en HTML?", "options": [ "// Esto es un comentario", "/* Esto es un comentario */", "", "# Esto es un comentario" ], "correctAnswer": 2, "explanation": "Los comentarios en HTML deben estar entre y no se muestran en el navegador." }, { "id": 10, "type": "multiple_choice", "question": "¿Qué función cumple el atributo 'id' en HTML?", "options": [ "Indica el estilo de la etiqueta", "Especifica la URL de un enlace", "Identifica de manera única un elemento", "Proporciona información extra sobre una etiqueta" ], "correctAnswer": 2, "explanation": "El atributo 'id' se utiliza para identificar de manera única un elemento del documento HTML." }, { "id": 11, "type": "multiple_choice", "question": "¿Qué componentes forman un elemento HTML completo?", "options": [ "Solo la etiqueta de apertura", "Etiqueta de apertura y contenido", "Etiqueta de apertura, atributos, contenido y etiqueta de cierre", "Solo atributos y contenido" ], "correctAnswer": 2, "explanation": "Un elemento HTML completo está formado por: etiqueta de apertura, cero o más atributos, información entre las etiquetas y etiqueta de cierre." }, { "id": 12, "type": "multiple_choice", "question": "¿Cuál es la diferencia principal entre elementos en línea y de bloque?", "options": [ "Los elementos en línea son más grandes", "Los elementos de bloque ocupan solo el espacio necesario", "Los elementos en línea ocupan solo el espacio necesario según su contenido", "No hay diferencia" ], "correctAnswer": 2, "explanation": "Los elementos en línea solo ocupan el espacio necesario según su contenido, mientras que los elementos de bloque ocupan el ancho completo disponible." }, { "id": 13, "type": "multiple_choice", "question": "¿Cuándo se publicó la primera versión de HTML?", "options": [ "1989", "1991", "1995", "1999" ], "correctAnswer": 1, "explanation": "La primera versión de HTML fue desarrollada en 1991 por Tim Berners-Lee, considerado el padre de la web." }, { "id": 14, "type": "multiple_choice", "question": "¿Cuál fue la primera versión de HTML recomendada por la W3C?", "options": [ "HTML 2.0", "HTML 3.2", "HTML 4.01", "HTML 5" ], "correctAnswer": 1, "explanation": "HTML 3.2, publicado en 1997, fue la primera versión recomendada por el W3C e incluía tablas y applets de Java." }, { "id": 15, "type": "multiple_choice", "question": "¿Qué característica principal aporta HTML5?", "options": [ "Soporte para tablas", "Mejores formularios", "Significado semántico", "Compatibilidad con scripts" ], "correctAnswer": 2, "explanation": "La característica principal de HTML5 es que aporta significado semántico, además de nuevas etiquetas e integración de audio y vídeo." }, { "id": 16, "type": "multiple_choice", "question": "¿Cuándo se publicó HTML5?", "options": [ "2010", "2012", "2014", "2016" ], "correctAnswer": 2, "explanation": "HTML5 se publicó en 2014 y aportó nuevas etiquetas, integración de audio y vídeo, y significado semántico." }, { "id": 17, "type": "multiple_choice", "question": "¿Qué organización define las versiones de HTML?", "options": [ "Mozilla Foundation", "Google", "W3C (World Wide Web Consortium)", "Microsoft" ], "correctAnswer": 2, "explanation": "El W3C (World Wide Web Consortium) es el organismo internacional que define las versiones de HTML." }, { "id": 18, "type": "multiple_choice", "question": "¿Cómo se puede acceder al código fuente de una página web en el navegador?", "options": [ "Presionando F12", "Botón derecho y 'Ver código fuente de la página'", "Menú Archivo > Código fuente", "Todas las anteriores" ], "correctAnswer": 3, "explanation": "Se puede acceder al código fuente mediante botón derecho y 'Ver código fuente', F12, o desde el menú, dependiendo del navegador." }, { "id": 19, "type": "multiple_choice", "question": "¿Qué es XHTML?", "options": [ "Una versión obsoleta de HTML", "Una adaptación de HTML al lenguaje XML", "Un lenguaje completamente diferente a HTML", "La versión más reciente de HTML" ], "correctAnswer": 1, "explanation": "XHTML es una adaptación del lenguaje HTML al lenguaje de marcas XML, incorporando las reglas más estrictas de XML." }, { "id": 20, "type": "multiple_choice", "question": "¿Cuál es una restricción de XHTML que no tiene HTML?", "options": [ "Permite mayúsculas y minúsculas indistintamente", "No requiere etiquetas de cierre", "Todos los nombres deben escribirse en minúsculas", "Los atributos pueden ir sin comillas" ], "correctAnswer": 2, "explanation": "En XHTML, todos los nombres de etiquetas y atributos deben escribirse en minúsculas, a diferencia de HTML que no diferencia entre mayúsculas y minúsculas." }, { "id": 21, "type": "multiple_choice", "question": "¿Cuántas versiones de XHTML existen actualmente?", "options": [ "Una (1.0)", "Dos (1.0 y 1.1)", "Tres (1.0, 1.1 y 2.0)", "Cuatro (1.0, 1.1, 2.0 y 2.1)" ], "correctAnswer": 1, "explanation": "Actualmente existen dos versiones de XHTML: la 1.0 y la 1.1. La versión 1.0 se considera similar a HTML 4.0." }, { "id": 22, "type": "multiple_choice", "question": "¿Qué servicio online de W3C permite validar documentos XHTML?", "options": [ "W3C HTML Validator", "W3C Markup Validation Service", "W3C Code Checker", "W3C Document Validator" ], "correctAnswer": 1, "explanation": "El W3C Markup Validation Service es el servicio online que permite verificar si un documento XHTML es válido." }, { "id": 23, "type": "multiple_choice", "question": "¿Qué herramienta offline se menciona para validar documentos XHTML?", "options": [ "HTML Validator", "XML Copy Editor", "Sublime Text", "Visual Studio Code" ], "correctAnswer": 1, "explanation": "XML Copy Editor es la herramienta offline mencionada que permite validar documentos XHTML al estar basada en XML." }, { "id": 24, "type": "multiple_choice", "question": "¿Qué extensión de Chrome permite conocer el código exacto del color de un elemento web?", "options": [ "WhatFont", "Colorzilla", "ColorPicker", "WebColors" ], "correctAnswer": 1, "explanation": "Colorzilla es la extensión para Chrome que permite conocer el código exacto del color de cualquier elemento de una página web." }, { "id": 25, "type": "multiple_choice", "question": "¿Qué recurso proporciona tipografías gratuitas para diseños web?", "options": [ "WhatFont", "Google Fonts", "Iconfinder", "MockFlow" ], "correctAnswer": 1, "explanation": "Google Fonts es la base de tipografías gratuitas que se puede utilizar en diseños web." }, { "id": 26, "type": "multiple_choice", "question": "¿Qué herramienta permite crear bocetos de diseños web?", "options": [ "Pixabay", "Gimp", "MockFlow", "WhatFont" ], "correctAnswer": 2, "explanation": "MockFlow es la herramienta que permite crear bocetos de cómo se quiere que quede el diseño web." }, { "id": 27, "type": "multiple_choice", "question": "¿Qué es Pixabay?", "options": [ "Un editor de imágenes", "Un banco de imágenes de calidad", "Una fuente de iconos", "Un validador de código" ], "correctAnswer": 1, "explanation": "Pixabay es un banco de imágenes de calidad que proporciona recursos visuales para diseño web." }, { "id": 28, "type": "multiple_choice", "question": "¿Qué editor de texto avanzado y multiplataforma se menciona en el documento?", "options": [ "Notepad++", "Visual Studio Code", "Sublime Text", "Atom" ], "correctAnswer": 2, "explanation": "Sublime Text es el editor de texto avanzado y multiplataforma mencionado que soporta múltiples lenguajes incluyendo HTML y XML." }, { "id": 29, "type": "multiple_choice", "question": "¿En qué modelo arquitectónico se basa el funcionamiento de las páginas web?", "options": [ "Modelo peer-to-peer", "Modelo cliente-servidor", "Modelo distribuido", "Modelo centralizado" ], "correctAnswer": 1, "explanation": "Las páginas web funcionan bajo el modelo cliente-servidor, donde el navegador actúa como cliente y solicita páginas al servidor web." }, { "id": 30, "type": "multiple_choice", "question": "¿Qué atributos de la etiqueta permiten especificar el tamaño de la imagen?", "options": [ "size y dimension", "width y height", "largo y ancho", "x y y" ], "correctAnswer": 1, "explanation": "Los atributos 'width' (ancho) y 'height' (altura) permiten especificar el tamaño de la imagen en píxeles." }, { "id": 31, "type": "multiple_choice", "question": "¿Qué característica de HTML5 permite integrar contenido multimedia?", "options": [ "Soporte para plugins Flash", "Integración de audio y vídeo directamente sin plugins", "Mejor soporte para Java applets", "Compatibilidad con ActiveX" ], "correctAnswer": 1, "explanation": "HTML5 permite integrar audio y vídeo directamente sin necesidad de plugins externos, lo cual es una de sus principales novedades." }, { "id": 32, "type": "multiple_choice", "question": "¿Cómo afectan los espacios en blanco y saltos de línea en la visualización de un documento HTML?", "options": [ "Se muestran exactamente como se escriben", "El navegador los pasa por alto", "Solo se respetan los saltos de línea", "Solo se respetan los espacios" ], "correctAnswer": 1, "explanation": "Los espacios en blanco, saltos de línea y tabuladores no aportan nada en la visualización final del documento HTML, ya que el navegador los pasa por alto." }, { "id": 33, "type": "multiple_choice", "question": "¿Cuál es la recomendación actual sobre qué versión de HTML usar para nuevos proyectos?", "options": [ "HTML 4.01 por su estabilidad", "XHTML por su validación estricta", "HTML5 por su rápido crecimiento y funcionalidad mejorada", "No importa la versión" ], "correctAnswer": 2, "explanation": "Se recomienda HTML5 debido a su rápido crecimiento, funcionalidad mejorada y el significado semántico que aporta a la estructura web." } ] }, { "kind": "lesson", "name": "Estructura de un documento HTML", "questions": [ { "id": 1, "type": "multiple_choice", "question": "¿Cuáles son las tres partes principales de un documento HTML?", "options": [ "Título, cuerpo y pie de página", "Declaración de tipo de documento, cabecera y cuerpo", "Header, main y footer", "Introducción, desarrollo y conclusión" ], "correctAnswer": 1, "explanation": "Un documento HTML tiene tres partes claramente diferenciadas: una primera línea que contiene información sobre la versión de HTML (DOCTYPE), una cabecera con información sobre la página web (head), y un cuerpo que contiene la información del documento (body)." }, { "id": 2, "type": "multiple_choice", "question": "¿Qué etiqueta representa la raíz de la estructura HTML?", "options": [ "", "", "", "" ], "correctAnswer": 1, "explanation": "Todo documento tiene que ir acotado entre las etiquetas ; esta será la primera etiqueta que encontraremos tras indicar la versión de HTML y representa la raíz de nuestra estructura." }, { "id": 3, "type": "multiple_choice", "question": "¿Para qué versión de HTML se simplifica la declaración DOCTYPE a ''?", "options": [ "HTML 4.01", "XHTML 1.0", "HTML5", "HTML 3.2" ], "correctAnswer": 2, "explanation": "En caso de que trabajemos con la versión de HTML5, la manera de indicarlo se simplifica, porque simplemente tendríamos que poner la etiqueta ." }, { "id": 4, "type": "multiple_choice", "question": "¿Cuál es el juego de caracteres predeterminado para HTML5?", "options": [ "ASCII", "ISO-8859-1", "ANSI", "UTF-8" ], "correctAnswer": 3, "explanation": "UTF-8 salva las limitaciones de los juegos anteriores, pues UTF-8 cubre casi todos los caracteres y símbolos del mundo. Para HTML5 este es el conjunto de caracteres predeterminado." }, { "id": 5, "type": "multiple_choice", "question": "¿Qué etiqueta se utiliza para indicar el título de la página que aparece en las pestañas del navegador?", "options": [ "

", "", "<name>", "<caption>" ], "correctAnswer": 1, "explanation": "Dentro de la cabecera, tendremos la etiqueta <title> donde indicamos el título de la página. Es importante que elijamos uno adecuado, relacionado con el contenido de la web." }, { "id": 6, "type": "multiple_choice", "question": "¿Cuántos caracteres alfanuméricos definió originalmente el estándar ASCII?", "options": [ "64", "128", "256", "512" ], "correctAnswer": 1, "explanation": "ASCII (American Standard Code for Information Interchange) fue el primer estándar para codificar los caracteres. Definió 128 caracteres alfanuméricos, aunque actualmente admite más." }, { "id": 7, "type": "multiple_choice", "question": "¿Qué etiqueta se utiliza para crear párrafos de texto o imágenes?", "options": [ "", "", "

", "" ], "correctAnswer": 2, "explanation": "La etiqueta

nos va a permitir crear párrafos de texto o imágenes." }, { "id": 8, "type": "multiple_choice", "question": "¿Qué etiqueta permite separar elementos con una línea horizontal?", "options": [ "", "", "

", "" ], "correctAnswer": 2, "explanation": "La etiqueta

nos permite separar elementos con una línea horizontal. No es necesario etiqueta de cierre." }, { "id": 9, "type": "multiple_choice", "question": "¿Cuál es la función principal de la etiqueta

?", "options": [ "Crear títulos y subtítulos", "Agrupar otros elementos HTML para crear una agrupación mayor", "Insertar imágenes", "Crear enlaces" ], "correctAnswer": 1, "explanation": "Esta etiqueta nos va a permitir agrupar otros elementos HTML (párrafos, tablas, otras divisiones, etc.) para crear una agrupación mayor. A las divisiones también se les suele llamar capas." }, { "id": 10, "type": "multiple_choice", "question": "¿Qué etiqueta se utiliza para incluir texto largo que puede contener varios párrafos?", "options": [ "", "

", "", "" ], "correctAnswer": 1, "explanation": "La etiqueta

permite incluir un texto 'largo' que, a su vez, puede contener varios párrafos o, incluso, otras etiquetas. Como regla general, los navegadores suelen mostrar este bloque con un margen a izquierda y derecha." }, { "id": 11, "type": "multiple_choice", "question": "¿Para qué se utiliza la etiqueta

?",
          "options": [
            "Para crear títulos principales",
            "Para mantener los espacios, tabuladores y diseño del texto original",
            "Para insertar imágenes",
            "Para crear listas"
          ],
          "correctAnswer": 1,
          "explanation": "Esta etiqueta se utiliza cuando se quiere mantener los espacios, tabuladores y diseño del texto original."
        },
        {
          "id": 12,
          "type": "multiple_choice",
          "question": "¿Cuál de estas etiquetas representa el título más grande por defecto?",
          "options": [
            "",
            "
",
            "
",
            "
"
          ],
          "correctAnswer": 2,
          "explanation": "Si al documento HTML no se le indica alguna hoja de estilo, el navegador trabaja con la hoja estilo por defecto. En esta, las etiquetas de título se muestran en tamaño inverso al número indicado en su etiqueta. Por lo tanto, 
 será la etiqueta que mostrará el título más grande."
        },
        {
          "id": 13,
          "type": "multiple_choice",
          "question": "¿Qué sucede si no se indica el tipo de documento en HTML?",
          "options": [
            "El navegador muestra un error",
            "El documento no se carga",
            "El navegador pasa a un modo no estándar y se activa el modo de compatibilidad",
            "Se usa automáticamente HTML5"
          ],
          "correctAnswer": 2,
          "explanation": "Si no se indica el tipo de documento, el navegador pasa a un modo no estándar y se activa el modo de compatibilidad con páginas antiguas. Esto puede ser peligroso porque algunas etiquetas se pueden interpretar de forma diferente."
        },
        {
          "id": 14,
          "type": "multiple_choice",
          "question": "¿Cuáles son los tipos de documento posibles para HTML 4.01?",
          "options": [
            "Básico, intermedio y avanzado",
            "Simple, complejo y mixto",
            "Estricto, transicional y frameset",
            "Público, privado y comercial"
          ],
          "correctAnswer": 2,
          "explanation": "Los tipos de documentos posibles para la versión de HTML 4.01 son: Estricto (permite usar etiquetas HTML 4.01 pero no admite etiquetas obsoletas), Transicional (se pueden usar etiquetas de cualquier versión de HTML) y Frameset (soporte para frames)."
        },
        {
          "id": 15,
          "type": "multiple_choice",
          "question": "¿Qué meta etiqueta se utiliza para indicar el conjunto de caracteres usado?",
          "options": [
            "",
            "",
            "",
            ""
          ],
          "correctAnswer": 1,
          "explanation": "La etiqueta  indica el conjunto de caracteres usado. En este caso se usa UTF-8."
        },
        {
          "id": 16,
          "type": "multiple_choice",
          "question": "¿Cuántos caracteres diferentes admite ISO-8859-1?",
          "options": [
            "128",
            "256",
            "512",
            "1024"
          ],
          "correctAnswer": 1,
          "explanation": "ISO-8859-1 era el juego de caracteres usado para HTML4. Admite 256 caracteres diferentes."
        },
        {
          "id": 17,
          "type": "multiple_choice",
          "question": "¿Qué etiqueta se utiliza para enlazar CSS externo?",
          "options": [
            "

", "

", "

", "

" ], "correctAnswer": 2, "explanation": "Si al documento HTML no se le indica alguna hoja de estilo, el navegador trabaja con la hoja estilo por defecto. En esta, las etiquetas de título se muestran en tamaño inverso al número indicado en su etiqueta. Por lo tanto,