NEW
Font size
WorksheetsHTML y CSS
Total questions: 30
Worksheet time: 10mins
¿Qué significan las siglas HTML?
Hyper Tag Media Language
Hyperlink Text Media Language
Hyper Text Markup Language
Hyper Tag Mailup Language
¿Para qué sirve la declaración <!DOCTYPE> que se escribe al inicio de un documento HTML?
Es un comentario que añade el programador sobre el tipo de documento
Es la raíz del árbol DOM del que cuelga toda la estructura de etiquetas
Es la estructura XML de un documento DOC de Word
Sirve para que el navegador interprete la versión HTML del documento
¿Qué etiqueta se usa para escribir un párrafo de texto?
<p>texto</p>
<paragraph>texto</paragraph>
<ptext>texto</ptext>
<br>texto</br>
¿Cómo se hace referencia a un documento css externo?
<link rel="stylesheet" href="archivo.css"></link>
<link type="stylesheet" src="archivo.css"></link>
<link rel="stylesheet" href="archivo.css" />
<link type="stylesheet" src="archivo.css" />
La etiqueta <head>
Es un contenedor para varios elementos como <title>, <style>, <link>, etc
Es un contenedor para los elementos del contenido visible de la página
Sirve para definir encabezamientos de texto de varios niveles
Representa un contenedor para un conjunto de enlaces de navegación
Para añadir un salto de línea, la etiqueta correcta es
<p />
<nl />
<br />
<newline />
¿Cuál es el HTML correcto para mostrar texto subrayado?
<p style="underline">texto</p>
<p style="text-decoration: underline">texto</p>
<p text-decoration-property="underlined">texto</p>
<p style="set-style: underline">texto</p>
¿Cómo se crea un enlace correctamente?
<a href="http://www.webtutoriales.com">Web Tutoriales</a>
<a url="http://www.webtutoriales.com">Web Tutoriales</a>
<a>http://www.webtutoriales.com</a>
<link url="http://www.webtutoriales.com">Web Tutoriales</link>
¿Cómo se abre un enlace en una ventana nueva?
<a href="http://www.webtutoriales.com" target="_new">Web Tutoriales</a>
<a href="http://www.webtutoriales.com" target="new">Web Tutoriales</a>
<a href="http://www.webtutoriales.com" target="_blank">Web Tutoriales</a>
<a href="http://www.webtutoriales.com" target="popup">Web Tutoriales</a>
¿Cuál de los siguientes encabezamientos mostrará un texto de mayor tamaño por defecto?
<h2>
<h3>
<h5>
<h1>
Una lista numerada se hace con las etiquetas
<ol>
<ul>
<li>
<list>
¿Cuál es la forma correcta de crear un campo de texto?
<textBox></textBox>
<input name="text" />
<textfield></textfield>
<input type="text" />
Para insertar una imagen se utilizan las etiquetas
<img src="miimagen.jpg" />
<i alt="miimagen.jpg" />
<img link="miimagen.jpg" />
<image url="miimagen.jpg" />
¿Cómo se escribe un comentario en HTML?
/* mi comentario */
<!-- mi comentario -->
// mi comentario
-- mi comentario
¿Qué significa el atributo alt en una imagen?
Escribe un texto encima de la imagen para indicar su título
Muestra de forma alterna la url de otra imagen cuando la primera no se carga
Es un texto informativo sobre la imagen que no es visible para el usuario
Sirve para especificar un texto alternativo para una imagen que no puede mostrarse
¿Cuál es la forma correcta para crear un enlace que enviará un correo?
<a href="sendmail://usuario@nasa.gov">
<a href="smtp:usuario@nasa.gov">
<a href="mailto:usuario@nasa.gov">
<a href="usuario@nasa.gov">
¿Entre qué etiquetas debe añadirse el contenido de la página?
<head></head>
<footer></footer>
<body></body>
<text></text>
Para incrustar código javascript se escribe
<js></js>
<javascript></javascript>
<script></script>
<jscript></jscript>
¿Qué significa CSS?
Computer Style Sheets
Colorful Style Sheets
Creative Style Sheets
Cascading Style Sheets
¿En qué parte de un documento HTML se referencia una hoja de estilos externa?
En el <head>
Al final del documento
En el <body>
En el <!DOCTYPE>
¿Qué atributo HTML se usa para definir estilos en línea?
style
class
font
styles
¿Cuál es la sintaxis CSS correcta?
body {color: black;}
{body:color=black;}
{body;color:black;}
body:color=black;
¿Qué propiedad se usa para cambiar el color de fondo?
background-color
color
bgcolor
bcolor
¿Cómo añadirías un color de fondo a todos los elementos h1
h1.all {background-color:#FFFFFF;}
h1 {background-color:#FFFFFF;}
all.h1 {background-color:#FFFFFF;}
¿Qué selector controla el tamaño de la fuente?
font-style
text-style
text-size
font-size
¿Cómo se selecciona un elemento con la ID "demo"
.demo
+demo
demo
#demo
¿Cómo se selecciona un elemento con la clase "test"
#test
.test
+test
test
¿Cómo se seleccionan todo los elementos <p> dentro de un div
div.p
div + p
div p
div -> p
¿Cómo se agrupan selectores?
Separar cada selector con un signo +
Separar cada selector con una coma
Separar cada selector con un espacio
¿Cómo se llaman las directrices qie permiten controlar qué declaraciones CSS se activan en base al view- port del visitante
Viewport queries
Screen queries
Media queries
