Quiz
HTML 5
This quiz has question types that open in the usual player.
Questions in this quiz (42)
1<p [blank_start]title[blank_end]="About W3Schools">W3Schools is a web developer's site.</p>
- Atitle
2Imagen 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]">- A250
- B400
3<a [blank_start]href[blank_end]="https://www.w3schools.com">This is a link</a>
- Ahref
4<img src="w3schools.png" [blank_start]alt[blank_end]="w3schools Logo">
- Aalt
5Inserta un encabezado:
[blank_start]<h1>Londres</h1>[blank_end]
<p>Londres es la capital de Inglaterra.</p>- A<h1>Londres</h1>
6Añ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>- A<h1>Hello</h1>
- B<h2>Hello</h2>
- C<h3>Hello</h3>
- D<h4>Hello</h4>
- E<h5>Hello</h5>
- F<h6>Hello</h6>
7Pon 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>- A<h1>
- B</h1>
- C<h2>
- D</h2>
- E<h3>
- F</h3>
- G<p>
8Añade una pausa temática.
<h1>Londres</h1>
[blank_start]<hr>[blank_end]
<p>Londres es la capital de Inglaterra.</p>- A<hr>
9Añade un salto de línea en medio del párrafo.
<p>Londres es la capital[blank_start]<br>[blank_end]de Inglaterra.</p>- A<br>
10Pon el párrafo de color azul:
<p [blank_start]style[blank_end]="[blank_start]color:blue;[blank_end]">This is a paragraph.</p>- Astyle
- Bcolor:blue;
11Usa la fuente: courier
<p style="[blank_start]font-family[blank_end]:courier;">Cambiando de fuente.</p>- Afont-family
12Centra el texto.
<p style="[blank_start]text-align[blank_end]:center;">Texto centrado.</p>- Atext-align
13Pon 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>- Afont-size
14Pon 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>- Abackground-color
15<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>- Astyle
- Btext-align:center
16Añ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>- A<strong>
- B</strong>
17empatiza 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>- A<em>
- B</em>
18Resalta la palabra divertido.
<p> Es [blank_start]<mark>[blank_end]DIVERTIDO[blank_start]</mark>[blank_end] aprender HTML.- A<mark>
- B</mark>
19Añade subíndice al número 2.
<p>H[blank_start]<sub>[blank_end]2[blank_start]</sub>[blank_end]O es agua</p>- A<sub>
- B</sub>
20Tacha la palabra azul
<p>Mi color favorito es el [blank_start]<del>[blank_end]azul[blank_start]</del>[blank_end]</p>- A<del>
- B</del>
21Añade comillas a la palabra divertido.
<p>Soy muy [blank_start]<q>[blank_end]divertido[blank_start]</q>[blank_end]</p>- A<q>
- B</q>
22El 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]>- Ablockquote
- Bcite
- C/blockquote
23OMS 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>- Aabbr title=
- B/abbr
24<[blank_start]!--[blank_end]esto es un comentario[blank_start]--[blank_end]>
- A!--
- B--
25El 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]- Aa
- Bhref="default.html"
- C</a>
26Haz que el enlace se abra en una pestaña nueva.
<a href="html_images.asp" [blank_start]target="_blank"[blank_end]>HTML Images</a>- Atarget="_blank"
27Haz 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]- A<a
- Bhref="default.html"
- C</a>
28Haz 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">- Awidth
- Bheight
29Usa 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]">- Awidth:250px;height:400px;
30Haz 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>- Afloat:right;
31Inserta un gif. (smiley.gif)
<img [blank_start]src="smiley.gif"[blank_end]>- Asrc="smiley.gif"
32Los 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>- A<tr>
- B<th>Nombre</th>
- C<th>Edad</th>
- D</tr>
33Haz 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>- Astyle="width:300px;"
34Añ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>- A<tr>
- B<td>Eva García</td>
- C<td>94</td>
- D</tr>
35Haz 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>- Acolspan="2"
36Esto es una lista ordenada:
[blank_start]<ol>[blank_end]
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
[blank_start]</ol>[blank_end]- A<ol>
- B</ol>
37Usa 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>- Atype="A"
38[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)- A<div>
- B<span>
39haz 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>- Aclass="especial"
40Añ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>- Aclass="intro special"
41Haz 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>- Aid="myheader"
42<iframe [blank_start]src[blank_end]="https://www.w3schools.com"></iframe>
- Asrc
Information
- Description
- html5
- Author
- Paula G.R.
- Language
- Español
- Views
- 26
- Tags
- Rating
- No ratings yet Rate this quiz