Font size
WorksheetsHtml4 - CSS2
Total questions: 82
Worksheet time: 41mins
¿Cuál de los siguientes se usa para darle la estructura a una página web?
CSS
HTML
JavaScript
Java
¿Cuál de los siguientes se considera un formato de codificación de caracteres?
CSS
UTF-8
HTML
JS
¿Qué significa la M de HTML?
Markup
Main
Map
Meta
¿Qué tipo de lenguaje de programación es HTML?
alto nivel
bajo nivel
no es un lenguaje de programación
medio nivel
¿El atributo href=”” sirve para?
Llamar atributos meta como <link> o <script>
Generar un autocompletado en la etiqueta <img>
Especifica el enlace de la página
Generar un texto indicativo en la etiqueta <p>
¿Cuándo quiero aumentar el tamaño de la letra que debo usar?
FONT-SIZE
FONT
SIZE
LETTER-SIZE
¿Qué formato tienen las páginas HTML?
Son ficheros binarios compilados.
Son ficheros de texto.
Son hojas de cálculo.
Son ficheros de bytes.
¿Para qué sirve HTML?
Enriquecer un sitio web
Para monitorear una web
Para estructurar y desplegar un web site
Para limpiar una página web
¿Cómo se le llama al poner elementos dentro de otros elementos?
Elemento Vacío
Elemento Anidado
Elemento HTML
Atributo HTML
¿Cuál de los siguientes códigos sirve para colocar una imagen de fondo?
bgcolor = ”images/bool.gif”
image = “img/ups.svg”
background = “images/one.png”
<img src = “img/blue.jpg”>
¿Cuál NO es un lenguaje de programación?
PHP
Adobe
Python
React
¿Cuál es la etiqueta de apertura y cierre en la anatomía de un elemento HTML?
Etiqueta de apertura </p> Etiqueta de cierre <p>
Etiqueta de apertura y en la de cierre es </p>
Etiqueta de apertura y en la de cierre es <p>
Etiqueta de apertura <p> Etiqueta de cierre </p>
¿Cuál sería la definición de HTML?
es un entorno donde podríamos crear una base de datos
para estructurar y desplegar un web site
es un lenguaje de alto nivel, dinámico e interpretado
se define como orientados a objetos
De acuerdo al orden de la estructura del lenguaje HTML, ¿Cuál de las siguientes opciones debe ir primero?
p
title
body
h1
¿Para qué sirven los atributos?
seguir el patrón de apertura y cierre etiqueta
contener información extra sobre un elemento
poner elementos dentro de otros elementos
para ver escritos sin valor
¿En dónde podemos crear un documento HTML?
GeoGebra
VLC media player
Notepad
Word
¿cómo se debe iniciar y cerrar un código en html ?
html /html
<html> </html>
<inicio> <fin>
</html> <html>
¿cuál de los siguientes en un elemento en vacío?
<p>vacío</p>
<img src=”hola.jpg” >
<empty>Ingeniero</empty>
<p>Eres <strong>ganador</strong> </p>
¿Cuántos niveles de títulos existen en HTML?
7
5
4
6
¿Cuál es el elemento que contiene lo que quieres mostrar a los usuarios que visitan tu página?
meta
show
body
head
¿Cuál de los siguientes opciones no sirve para el desarrollo de una página web?
css
html
js
App Inventor
¿para qué sirve el “<br>”?
Para colocar el titulo
Para la letra en negrilla
Para borrar registro
inserta un solo salto de línea
¿Para qué sirve la etiqueta head?
muestra el contenido
contiene los metadatos
realiza división dentro del contenido
muestra títulos dentro del contenido
¿ Cuál de los siguientes lenguajes es el estándar para crear páginas web?
CSS
HTML
JAVASCRIPT
JAVA
¿Cuáles son las formas de aplicar estilos?
body, nav, section
background, bgcolor, body
Inline, internal y external
head, meta, title
¿qué pasa si no cerramos un comentario?
se cierra solo
no aparecería al usuario
funciona común y corriente
no sucede ningún cambio
¿Es posible poner comentarios dentro de HTML?
solo dentro del head
si es posible
no se puede
solo en el body
¿Todas las etiquetas se deben cerrar?
solo dentro del head
si toca hacerlo
no es obligatorio
solo en el body
Para conectar un CSS el tag “link” va dentro del tag:
body
head
title
doctype
¿Para qué nos sirve el código img?
colocar un video
reproducir un audio
poner una figura
mostrar una multimedia
¿Para qué sirve la etiqueta <footer>?
es un contenedor de metadatos
es el elemento de sección de navegación
representa un pie de página para el contenido
representa un contenedor para contenido introductorio
¿Está bien esta línea de código?
claro
no
no recuerdo
no entiendo
¿Funcionará esto?
por supuesto
obvio no
no recuerdo
no entiendo
¿En qué parte debes colocar el texto o la información para que lo vea el usuario?
Antes del body
Debajo del body
Dentro del body
Dentro del head
Es el estilo que se le aplica directamente a una línea específica de código
inline
externo
interno
estilo específico
¿Qué significan las siglas HTML?
HyperText Markup Language
HyperText Market Language
HyperText Markup Large
HyperText Market Low
¿Quién creó el HTML?
Guido van Rossum
Tim Berners-lee
Mark Zuckerberg
Bill Gates
¿Cuál es el propósito principal de la etiqueta <a> en HTML?
Definir una lista de elementos.
Crear una imagen en la página.
Enlazar a otra página web o recurso.
Cambiar el estilo de un texto.
¿Qué código hará que aparezca más grande un texto en HTML?
<h1>
<H2>
<large>
<big>
Cuál de estas líneas de código tiene un error:
<p>Hola <br>amigo</p>
<br>
<h1>Bienvenido!</h1>
<img class="img/imagen.png>
<article class=”ola”></article>
¿Qué función cumple <meta charset="utf-8"> en nuestro código?
ajusta el tamaño de texto
configura contenido en todos los idiomas
codifica los números
personaliza metadatos
¿Cuál de estos es un elemento vacío?
<img>
<p>
<void>
<empty>
<blank>
¿Qué atributo se usa para cambiar el color que tendrá el texto por defecto?
colortext
text
textcolor
color
¿Para qué sirve <footer>?
hacer la letra más grande
hacer la letra más pequeña
agregar un menú desplegable
para representar un pie de página
¿Qué hace este tag? <nav> </nav>
Mostar una nave
Colocar enlaces de navegación
Navegar en el ciberespacio
Configurar colores navideños
¿Con cuál etiqueta podés tachar el texto?
i
blank
del
em
¿Qué etiqueta sirve para resaltar texto?
strong
mark
del
em
¿Qué función tiene la etiqueta <i> en HTML?
Crea una información
Inserta una imagen
Convierte el texto en cursiva
Convierte el texto en negrita
Para qué sirve la etiqueta <strong>
genera un cambio de línea
subrayar un texto
para que salga en negrilla
le da prioridad en la página web
¿Cómo se pone una línea en medio de las palabras?
<hr>
<line> </line>
<del> </del>
<br>
Para qué sirve la etiqueta <b>
subraya un texto
para que salga en negrilla
genera un cambio de línea
le da prioridad en la página web
¿Qué hace el siguiente código?
Coloca la imagen de fondo repitiéndose en mosaico.
Coloca la imagen de fondo solo en la esquina superior izquierda.
Coloca la imagen de fondo una sola vez sin repetirse.
Coloca un color sólido como fondo.
¿Qué borde se aplicará a los elementos <h1> con el siguiente código?
h1 {
border: 2px solid blue;
}
Un borde de 2 píxeles, punteado y azul.
Un borde de 2 píxeles, sólido y azul.
Un borde de 2 píxeles, doble y azul.
Un borde de 2 píxeles, sólido y negro.
Dado este fragmento de CSS:
Es código que cambiará el color de los enlaces.
Es un comentario válido en CSS.
Es un error de sintaxis en CSS.
Es un comentario válido en HTML.
¿Cuál es la forma correcta de aplicar CSS inline?
<p style="color:red;">Texto</p>
<style>p {color:red;}</style>
<link rel="stylesheet" href="estilos.css">
color:red; dentro del HTML sin etiqueta.
¿Cuál es el resultado de este código?
Margen de 10px en todos los lados.
Margen de 10px arriba y abajo, 20px a los lados.
Margen de 20px arriba y abajo, 10px a los lados.
Margen de 20px en todos los lados.
¿Cuál es la sintaxis correcta de CSS?
propiedad: valor { selector; }
{ selector: propiedad-valor }
selector { propiedad: valor; }
selector (propiedad=valor)
¿Qué hará el siguiente código?
Cambiará el color del texto a naranja cuando el cursor pase sobre el enlace.
Cambiará el fondo del enlace a naranja siempre.
Cambiará el color de todos los enlaces a naranja al cargarse la página.
No tendrá ningún efecto en los enlaces.
¿Cuál es la forma correcta de definir un área poligonal en un mapa de imagen?
<area shape="rect" coords="x1,y1,x2,y2" href="...">
<area shape="poly" coords="x1,y1,x2,y2,x3,y3,..." href="...">
<area shape="circle" coords="x,y,r" href="...">
<map shape="poly" coords="...">
¿Qué efecto genera este código?
Coloca la imagen como fondo, repitiéndose en mosaico.
Coloca la imagen en el centro superior sin repetirse.
Coloca la imagen al fondo inferior derecho y repetida.
Coloca un color sólido de fondo.
¿Cuál de los siguientes es un enlace absoluto?
<a href="contacto.html">Contacto</a>
<a href="docs/contacto.html">Contacto</a>
<a href="https://www.google.com">Google</a>
<a href="pages/contacto.html">Contacto</a>
Dado el siguiente bloque: ¿Cuál es la propiedad que cambia el tamaño de la letra?
font-size
color
h1
text-align
¿Cuál es la forma correcta de definir estilos internal en un documento HTML?
<link rel="stylesheet" href="estilos.css">
<style> p { color: blue; } </style>
<p style="color:blue;">Texto</p>
css {p:blue;}
¿Cuál es el efecto del siguiente código?
Cambia el color del texto del body.
Cambia el color de fondo del body a gris claro.
Cambia el color de los enlaces a gris.
No hace nada porque falta la imagen.
¿Cuál es la forma correcta de vincular una hoja de estilos externa en HTML?
<style src="estilos.css"></style>
<css href="estilos.css"></css>
<link rel="stylesheet" href="estilos.css">
<script src="estilos.css"></script>
¿Cuál de los siguientes bloques tiene un error de sintaxis?
¿Cuál es el propósito de area:hover en un <map> de imagen?
Definir las coordenadas de un área poligonal.
Cambiar el estilo del área al pasar el cursor.
Hacer clic en el área sin necesidad de link.
Insertar una nueva imagen dentro del mapa.
¿Qué resultado produce este código?
5px en todos los lados.
5px arriba, 10px derecha, 15px abajo, 20px izquierda.
20px arriba, 15px derecha, 10px abajo, 5px izquierda.
15px arriba y abajo, 5px izquierda y derecha.
¿Cuál de los siguientes ejemplos NO es válido como estilo inline?
<p style="color:blue;">Texto</p>
<h1 style="font-size:20px;">Título</h1>
<div style="margin=10px;">Bloque</div>
<span style="background-color:yellow;">Texto</span>
Dado este HTML: ¿Cuál es la forma correcta de seleccionar ese párrafo en CSS?
p#importante { color: red; }
.importante { color: red; }
importante { color: red; }
p.importante:color(red);
¿Qué hace este código?
Centra la tabla en la página.
Centra el texto dentro de cada celda.
Centra la primera columna.
Elimina la alineación del texto.
¿Cuál de estos enlaces abre en una nueva pestaña?
<a href="pagina.html" open="_blank>Abrir</a>
<a href="pagina.html" target="_blank">Abrir</a>
<a href="pagina.html" target="bank">Abrir</a>
<a href="pagina.html" window="_blank">Abrir</a>
¿Qué define el siguiente código?
Solo el tamaño de la fuente.
Solo la familia tipográfica.
Estilo cursiva, negrita, tamaño 16px y familia tipográfica.
Estilo subrayado y familia tipográfica.
Dado este enlace: ¿Qué significa?
Enlace absoluto al archivo manual.pdf.
Enlace relativo al archivo dentro de la carpeta docs.
Enlace a un archivo en otra página web.
Enlace a la raíz del servidor.
¿Qué significa este código?
p#importante { color: red; }
10px arriba, 20px izquierda/derecha, 30px abajo.
10px arriba, 20px derecha, 30px izquierda.
10px arriba/abajo, 20px izquierda, 30px derecha.
Dado este HTML:
.titulo { color: red; }
#titulo { color: red; }
h1.titulo { color: red; }
titulo { color: red; }
¿Qué significa este código?
5px en todos los lados.
20px arriba, 15px derecha, 10px abajo, 5px izquierda.
5px arriba, 10px derecha, 15px abajo, 20px izquierda.
10px arriba/abajo, 20px izquierda/derecha.
¿Qué efecto produce este código?
Cambia el alto de las celdas.
Cambia el ancho de cada celda a 200px.
Elimina los bordes de las celdas.
Cambia el tamaño de fuente a 200px.
¿Qué hace este código?
Escala la imagen para que cubra todo el fondo.
Repite la imagen en mosaico.
Coloca la imagen en el centro sin escalarla.
Ajusta la imagen a su tamaño original.
¿Qué significa este código?
10px arriba, 15px abajo, 10px izquierda, 15px derecha.
15px arriba y abajo, 10px izquierda y derecha.
10px arriba y abajo, 15px izquierda y derecha.
10px en todos los lados.
¿Qué selecciona el siguiente código?
Solo los divs de la página.
Todos los elementos HTML.
Solo los párrafos <p>.
Solo el body.
¿Cómo se enlazan dos hojas de estilo externas en HTML?
