Question 1
Question
<p [blank_start]title[blank_end]="About W3Schools">W3Schools is a web developer's site.</p>
Question 2
Question
Imagen con 250px de ancho y 400 px de altura.
<img src="w3schools.jpg" width="[blank_start]250[blank_end]" height="[blank_start]400[blank_end]">
Question 3
Question
<a [blank_start]href[blank_end]="https://www.w3schools.com">This is a link</a>
Question 4
Question
<img src="w3schools.png" [blank_start]alt[blank_end]="w3schools Logo">
Question 5
Question
Inserta un encabezado:
[blank_start]<h1>Londres</h1>[blank_end]
<p>Londres es la capital de Inglaterra.</p>
Question 6
Question
Añade 6 encabezados con el texto "Hello", empieza por el encabezado más importante hasta el menos importante.
<html>
<body>
[blank_start]<h1>Hello</h1>[blank_end]
[blank_start]<h2>Hello</h2>[blank_end]
[blank_start]<h3>Hello</h3>[blank_end]
[blank_start]<h4>Hello</h4>[blank_end]
[blank_start]<h5>Hello</h5>[blank_end]
[blank_start]<h6>Hello</h6>[blank_end]
</body>
</html>
Answer
-
<h1>Hello</h1>
-
<h2>Hello</h2>
-
<h3>Hello</h3>
-
<h4>Hello</h4>
-
<h5>Hello</h5>
-
<h6>Hello</h6>
Question 7
Question
Pon las etiquetas adecuadas.
Universal Studios es el mas importante.
Parque Jurásico, es el siguiente más importante
Sobre, es el tercero más importante
La última frase es un párrafo.
[blank_start]<h1>[blank_end]Universal Studios[blank_start]</h1>[blank_end]
[blank_start]<h2>[blank_end]Parque Jurásico[blank_start]</h2>[blank_end]
[blank_start]<h3>[blank_end]Sobre[blank_start]</h3>[blank_end]
[blank_start]<p>[blank_end]Se ha abierto un nuevo parque en la isla Nublar. Un parque de dinosaurios<p>
Answer
-
<h1>
-
</h1>
-
<h2>
-
</h2>
-
<h3>
-
</h3>
-
<p>
Question 8
Question
Añade una pausa temática.
<h1>Londres</h1>
[blank_start]<hr>[blank_end]
<p>Londres es la capital de Inglaterra.</p>
Question 9
Question
Añade un salto de línea en medio del párrafo.
<p>Londres es la capital[blank_start]<br>[blank_end]de Inglaterra.</p>
Question 10
Question
Pon el párrafo de color azul:
<p [blank_start]style[blank_end]="[blank_start]color:blue;[blank_end]">This is a paragraph.</p>
Question 11
Question
Usa la fuente: courier
<p style="[blank_start]font-family[blank_end]:courier;">Cambiando de fuente.</p>
Question 12
Question
Centra el texto.
<p style="[blank_start]text-align[blank_end]:center;">Texto centrado.</p>
Question 13
Question
Pon el tamaño del texto a 50 px
<p style="[blank_start]font-size[blank_end]:50px;">El tamaño del texto a 50px.</p>
Question 14
Question
Pon el fondo del documento de color amarillo.
<html><body style="[blank_start]background-color[blank_end]:yellow;">
<h1>Encabezado</h1>
<p>Este fondo es amarillo.</p>
</body>
</html>
Question 15
Question
<html>
<body [blank_start]style[blank_end]="[blank_start]text-align:center[blank_end];">
<h1>Encabezado</h1>
<p>Esto es un párrafo.</p>
</body>
</html>
Question 16
Question
Añade una importancia especial a la palabra degradación:
<p>La misión de WWF es la de parar la [blank_start]<strong>[blank_end]degradación[blank_start]</strong>[blank_end]del medio ambiente natural de nuestro planeta </p>
Question 17
Question
empatiza la palabra metropolitana
<p> Tokyo es la capital de Japón, el área [blank_start]<em>[blank_end]metropolitana[blank_start]</em>[blank_end] más habitada del planeta</p>
Question 18
Question
Resalta la palabra divertido.
<p> Es [blank_start]<mark>[blank_end]DIVERTIDO[blank_start]</mark>[blank_end] aprender HTML.
Question 19
Question
Añade subíndice al número 2.
<p>H[blank_start]<sub>[blank_end]2[blank_start]</sub>[blank_end]O es agua</p>
Question 20
Question
Tacha la palabra azul
<p>Mi color favorito es el [blank_start]<del>[blank_end]azul[blank_start]</del>[blank_end]</p>
Question 21
Question
Añade comillas a la palabra divertido.
<p>Soy muy [blank_start]<q>[blank_end]divertido[blank_start]</q>[blank_end]</p>
Question 22
Question
El siguiente texto es una cita de una web.
<[blank_start]blockquote[blank_end] [blank_start]cite[blank_end]="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
<[blank_start]/blockquote[blank_end]>
Answer
-
blockquote
-
cite
-
/blockquote
Question 23
Question
OMS son siglas de la Organización mundial de la salud
<p>La <[blank_start]abbr title=[blank_end]"Organización Mundial de la Salud">OMS<[blank_start]/abbr[blank_end]></p> fue fundada en 1948 </p>
Question 24
Question
<[blank_start]!--[blank_end]esto es un comentario[blank_start]--[blank_end]>
Question 25
Question
El texto debe ser un link a default.html
<[blank_start]a[blank_end] [blank_start]href="default.html"[blank_end]>Visit our HTML tutorial.[blank_start]</a>[blank_end]
Answer
-
a
-
href="default.html"
-
</a>
Question 26
Question
Haz que el enlace se abra en una pestaña nueva.
<a href="html_images.asp" [blank_start]target="_blank"[blank_end]>HTML Images</a>
Question 27
Question
Haz que la imagen sea un enlace a default.html
[blank_start]<a[blank_end] [blank_start]href="default.html"[blank_end]><img src="smiley.gif">[blank_start]</a>[blank_end]
Answer
-
<a
-
href="default.html"
-
</a>
Question 28
Question
Haz que esta imagen tenga un ancho de 250 px y 400 px de alto
<img src="scream.png" [blank_start]width[blank_end]="250" [blank_start]height[blank_end]="400">
Question 29
Question
Usa css para poner un tamaño de imagen de 250px de ancho y 400 px de alto
<img src="scream.png" style="[blank_start]width:250px;height:400px;[blank_end]">
Question 30
Question
Haz que la imagen flote a la derecha del párrafo.
<p>
<img src="smiley.gif" style="[blank_start]float:right;[blank_end]">
This is a paragraph.
This paragraph contains an image
</p>
Question 31
Question
Inserta un gif. (smiley.gif)
<img [blank_start]src="smiley.gif"[blank_end]>
Question 32
Question
Los encabezados de la tabla son: Nombre y Edad
<table>
[blank_start]<tr>[blank_end]
[blank_start]<th>Nombre</th>[blank_end]
[blank_start]<th>Edad</th>[blank_end]
[blank_start]</tr>[blank_end]
<tr>
<td>Jill Smith</td>
<td>50</td>
</tr>
</table>
Answer
-
<tr>
-
<th>Nombre</th>
-
<th>Edad</th>
-
</tr>
Question 33
Question
Haz que la tabla tenga un ancho de 300px
<table [blank_start]style="width:300px;"[blank_end]>
<tr>
<th>Nombre</th>
<th>Apellidos</th>
<th>Puntos</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
</table>
Question 34
Question
Añade 2 celdas que tengan el calor "Eva García" y 94.
<table>
<tr>
<th>Nombre</th>
<th>Edad</th>
</tr>
<tr>
<td>Jill Smith</td>
<td>50</td>
</tr>
[blank_start]<tr>[blank_end]
[blank_start]<td>Eva García</td>[blank_end]
[blank_start]<td>94</td>[blank_end]
[blank_start]</tr>[blank_end]
</table>
Answer
-
<tr>
-
<td>Eva García</td>
-
<td>94</td>
-
</tr>
Question 35
Question
Haz que el primer tb se una en 2 columnas.
<table>
<tr>
<th [blank_start]colspan="2"[blank_end]>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Question 36
Question
Esto es una lista ordenada:
[blank_start]<ol>[blank_end]
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
[blank_start]</ol>[blank_end]
Question 37
Question
Usa el atributo que muestre en la lista letras mayúsculas en vez de números.
<ol [blank_start]type="A"[blank_end]>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Question 38
Question
[blank_start]<div>[blank_end] Define una sección en un documento (a nivel de bloque)
[blank_start]<span>[blank_end] Define una sección en un documento (inline)
Question 39
Question
haz que H1 sea rojo
<!DOCTYPE html>
<html>
<head>
<style>
.especial {color:red;}
</style>
</head>
<body>
<h1 [blank_start]class="especial"[blank_end]>Mi pagina</h1>
</body>
</html>
Question 40
Question
Añade 2 clases a H1, para hacer el fondo rosa (pink) y el color rojo (red)
<!DOCTYPE html>
<html>
<head>
<style>
.intro {background:pink;}
.special {color:red;}
</style>
</head>
<body>
<h1 [blank_start]class="intro special"[blank_end]>My Home Page</h1>
</body>
</html>
Question 41
Question
Haz que H1 sea rojo
<!DOCTYPE html>
<html>
<head>
<style>
#myheader {color:red;}
</style>
</head>
<body>
<h1 [blank_start]id="myheader"[blank_end]>My Home Page</h1>
</body>
</html>
Question 42
Question
<iframe [blank_start]src[blank_end]="https://www.w3schools.com"></iframe>