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