NEW
Font size
WorksheetsTEST DISEÑO Y DESARROLLO WEB
Total questions: 20
Worksheet time: 7mins
¿Qué significa HTML y para qué se utiliza?
HTML significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto). Se utiliza para crear la estructura de las páginas web.
Es un contenedor de bloque que ocupa todo el ancho disponible.
Es un contenedor en línea que se usa dentro de textos o frases.
Contiene metadatos, como el título, enlaces a CSS y scripts.
¿Cuál es la estructura básica de un documento HTML?
¿Qué es una etiqueta en HTML?
Pproporciona información adicional sobre un elemento HTML.
Es un elemento que se usa para definir la estructura y el contenido de una página web.
Es una palabra clave encerrada entre corchetes angulares que indica al navegador cómo mostrar el contenido.
Es un framework de código abierto que facilita la creación de sitios web responsivos y modernos
¿Cuál es la diferencia entre <div> y <span>?
<div> contiene metadatos, como el título, enlaces a CSS y scripts. <span> define la sección de encabezado de la página
<div> contiene el contenido visible de la página web. <span> permite agregar títulos, códigos CSS
<div> es un contenedor de bloque que ocupa todo el ancho disponible.
<span> es un contenedor en línea que se usa dentro de textos o frases.
<div> es un contenedor de bloque. <span> define la sección del cuerpo de la página web
¿Qué es un atributo en HTML?
Se centra en escribir el código para que el sitio funcione.
Es el proceso de crear y mantener sitios web.
Es un elemento que se usa para definir la estructura y el contenido de una página web.
Proporciona información adicional sobre un elemento HTML.
¿Qué es CSS?
Cascading Style Sheets (Hojas de Estilo en Cascada) y se usa para definir la apariencia visual de los elementos HTML.
Lenguaje de programación que permite agregar interactividad a una página web (como botones dinámicos, formularios interactivos, etc.).
Es un enfoque de diseño que permite que una página web se adapte correctamente a diferentes tamaños de pantalla (móviles, tablets, PCs).
Es una plataforma que permite crear y gestionar sitios web fácilmente sin programar.
¿Qué es diseño responsive?
Es una plataforma que permite crear y gestionar sitios web fácilmente sin programar..
Define un enlace que el usuario puede hacer clic para ir a otra página web o a una sección diferente de la misma página.
Es un enfoque de diseño que permite que una página web se adapte correctamente a diferentes tamaños de pantalla (móviles, tablets, PCs).
Es un marco con diseño predefinidos como botones, barras, menús, etc.
¿Qué es JavaScript y cuál es su función en un sitio web?
Es un framework de código abierto que facilita la creación de sitios web responsivos y modernos.
Marco de trabajo en español, es una estructura predefinida que facilita el desarrollo de software o aplicaciones, brindando una base organizada y reutilizable.
Define una imagen que se mostrará en la página web.
Es un lenguaje de programación que permite agregar interactividad a una página web (como botones dinámicos, formularios interactivos, etc.).
¿Cuál es el propósito del atributo alt en una imagen?
Hacer la imagen más grande.
Proporcionar una descripción si la imagen no se carga.
Cambiar el color de fondo de la imagen.
Añadir un enlace a la imagen.
¿Qué etiqueta se usa para crear un encabezado de nivel 1?
<heading>
<h1>
<head>
<h>
¿Cuál es el atributo que se usa para abrir un enlace en una nueva pestaña?
open="tab"
target="_blank"
link="new"
href="_blank"
¿Cuál de estas etiquetas no es válida en HTML?
<body>
<html>
<title>
<page>
¿Qué herramientas o editores se usan para desarrollar sitios web?
Editores de código: Visual Studio Code, Sublime Text, Atom
Navegadores para pruebas: Chrome, Firefox
Frameworks: Bootstrap (CSS), React (JS), Laravel (PHP)
Editores de código: Pascal, Visual Fox, Atom
Navegadores para pruebas: Chrome, Firefox
Frameworks: CMS, ADLS
Editores de código: Visual Studio Code, C++, Eclipse
Navegadores para pruebas: Microsoft EDGE, Filmora
¿Qué es una página web estática y una dinámica?
Estática: Su contenido cambia.
Dinámica: Su contenido no puede cambiar usando programación del lado del servidor (PHP, bases de datos, etc.).
Estática: Su contenido no cambia, está escrito directamente en HTML.
Dinámica: Su contenido puede cambiar usando programación del lado del servidor (PHP, bases de datos, etc.).
Estática: usa bases de datos.
Dinámica: No son interactivas, su contenido no cambia, no interactúa con el usuario.
¿Cuál de las siguientes etiquetas se usa para insertar una línea horizontal?
<br>
<line>
<border>
<hr>
¿Qué etiqueta se utiliza para definir una celda en una tabla?
<th>
<tr>
<td>
<cell>
¿Cuál de las siguientes etiquetas define una lista desordenada?
<ul>
<ol>
<li>
<list>
¿Qué hace la etiqueta <!DOCTYPE>:?
Define la sección de encabezado de la página, donde se incluyen elementos como el título de la página, metaetiquetas, scripts, entre otros.
Se utiliza para especificar la versión de HTML que se está utilizando en la página.
Define el inicio y el final de la página web.
Define el título de la página web que aparece en la pestaña del navegador.
¿Qué función cumple la etiqueta <html>?
Define la sección de encabezado de la página, donde se incluyen elementos como el título de la página, metaetiquetas, scripts, entre otros.
Define el inicio y el final de la página web.
Esta etiqueta formateará como cursiva cualquier texto entre la etiqueta de apertura.
¿Cuál es la función de la etiqueta <title>:?
Define el título de la página web que aparece en la pestaña del navegador.
Define un enlace que el usuario puede hacer clic para ir a otra página web o a una sección diferente de la misma página.
Define la sección de encabezado de la página, donde se incluyen elementos como el título de la página, metaetiquetas, scripts, entre otros.
Define un párrafo de texto.
