Pregunta 1
Pregunta
<p [blank_start]title[blank_end]="About W3Schools">W3Schools is a web developer's site.</p>
Pregunta 2
Pregunta
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]">
Pregunta 3
Pregunta
<a [blank_start]href[blank_end]="https://www.w3schools.com">This is a link</a>
Pregunta 4
Pregunta
<img src="w3schools.png" [blank_start]alt[blank_end]="w3schools Logo">
Pregunta 5
Pregunta
Inserta un encabezado:
[blank_start]<h1>Londres</h1>[blank_end]
<p>Londres es la capital de Inglaterra.</p>
Pregunta 6
Pregunta
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>
Respuesta
-
<h1>Hello</h1>
-
<h2>Hello</h2>
-
<h3>Hello</h3>
-
<h4>Hello</h4>
-
<h5>Hello</h5>
-
<h6>Hello</h6>
Pregunta 7
Pregunta
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>
Respuesta
-
<h1>
-
</h1>
-
<h2>
-
</h2>
-
<h3>
-
</h3>
-
<p>
Pregunta 8
Pregunta
Añade una pausa temática.
<h1>Londres</h1>
[blank_start]<hr>[blank_end]
<p>Londres es la capital de Inglaterra.</p>
Pregunta 9
Pregunta
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>
Pregunta 10
Pregunta
Pon el párrafo de color azul:
<p [blank_start]style[blank_end]="[blank_start]color:blue;[blank_end]">This is a paragraph.</p>
Pregunta 11
Pregunta
Usa la fuente: courier
<p style="[blank_start]font-family[blank_end]:courier;">Cambiando de fuente.</p>
Pregunta 12
Pregunta
Centra el texto.
<p style="[blank_start]text-align[blank_end]:center;">Texto centrado.</p>
Pregunta 13
Pregunta
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>
Pregunta 14
Pregunta
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>
Pregunta 15
Pregunta
<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>
Pregunta 16
Pregunta
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>
Pregunta 17
Pregunta
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>
Pregunta 18
Pregunta
Resalta la palabra divertido.
<p> Es [blank_start]<mark>[blank_end]DIVERTIDO[blank_start]</mark>[blank_end] aprender HTML.
Pregunta 19
Pregunta
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>
Pregunta 20
Pregunta
Tacha la palabra azul
<p>Mi color favorito es el [blank_start]<del>[blank_end]azul[blank_start]</del>[blank_end]</p>
Pregunta 21
Pregunta
Añade comillas a la palabra divertido.
<p>Soy muy [blank_start]<q>[blank_end]divertido[blank_start]</q>[blank_end]</p>
Pregunta 22
Pregunta
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]>
Respuesta
-
blockquote
-
cite
-
/blockquote
Pregunta 23
Pregunta
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>
Pregunta 24
Pregunta
<[blank_start]!--[blank_end]esto es un comentario[blank_start]--[blank_end]>
Pregunta 25
Pregunta
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]
Respuesta
-
a
-
href="default.html"
-
</a>
Pregunta 26
Pregunta
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>
Pregunta 27
Pregunta
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]
Respuesta
-
<a
-
href="default.html"
-
</a>
Pregunta 28
Pregunta
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">
Pregunta 29
Pregunta
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]">
Pregunta 30
Pregunta
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>
Pregunta 31
Pregunta
Inserta un gif. (smiley.gif)
<img [blank_start]src="smiley.gif"[blank_end]>
Pregunta 32
Pregunta
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>
Respuesta
-
<tr>
-
<th>Nombre</th>
-
<th>Edad</th>
-
</tr>
Pregunta 33
Pregunta
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>
Pregunta 34
Pregunta
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>
Respuesta
-
<tr>
-
<td>Eva García</td>
-
<td>94</td>
-
</tr>
Pregunta 35
Pregunta
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>
Pregunta 36
Pregunta
Esto es una lista ordenada:
[blank_start]<ol>[blank_end]
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
[blank_start]</ol>[blank_end]
Pregunta 37
Pregunta
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>
Pregunta 38
Pregunta
[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)
Pregunta 39
Pregunta
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>
Pregunta 40
Pregunta
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>
Pregunta 41
Pregunta
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>
Pregunta 42
Pregunta
<iframe [blank_start]src[blank_end]="https://www.w3schools.com"></iframe>