HTML 5

Description

html5
Paula G.R.
Quiz by Paula G.R., updated more than 1 year ago
Paula G.R.
Created by Paula G.R. over 3 years ago
16
0

Resource summary

Question 1

Question
<p [blank_start]title[blank_end]="About W3Schools">W3Schools is a web developer's site.</p>
Answer
  • title

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]">
Answer
  • 250
  • 400

Question 3

Question
<a [blank_start]href[blank_end]="https://www.w3schools.com">This is a link</a>
Answer
  • href

Question 4

Question
<img src="w3schools.png" [blank_start]alt[blank_end]="w3schools Logo">
Answer
  • alt

Question 5

Question
Inserta un encabezado: [blank_start]<h1>Londres</h1>[blank_end] <p>Londres es la capital de Inglaterra.</p>
Answer
  • <h1>Londres</h1>

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>
Answer
  • <hr>

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>
Answer
  • <br>

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>
Answer
  • style
  • color:blue;

Question 11

Question
Usa la fuente: courier <p style="[blank_start]font-family[blank_end]:courier;">Cambiando de fuente.</p>
Answer
  • font-family

Question 12

Question
Centra el texto. <p style="[blank_start]text-align[blank_end]:center;">Texto centrado.</p>
Answer
  • text-align

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>
Answer
  • font-size

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>
Answer
  • background-color

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>
Answer
  • style
  • text-align:center

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>
Answer
  • <strong>
  • </strong>

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>
Answer
  • <em>
  • </em>

Question 18

Question
Resalta la palabra divertido. <p> Es [blank_start]<mark>[blank_end]DIVERTIDO[blank_start]</mark>[blank_end] aprender HTML.
Answer
  • <mark>
  • </mark>

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>
Answer
  • <sub>
  • </sub>

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>
Answer
  • <del>
  • </del>

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>
Answer
  • <q>
  • </q>

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>
Answer
  • abbr title=
  • /abbr

Question 24

Question
<[blank_start]!--[blank_end]esto es un comentario[blank_start]--[blank_end]>
Answer
  • !--
  • --

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>
Answer
  • target="_blank"

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">
Answer
  • width
  • height

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]">
Answer
  • width:250px;height:400px;

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>
Answer
  • float:right;

Question 31

Question
Inserta un gif. (smiley.gif) <img [blank_start]src="smiley.gif"[blank_end]>
Answer
  • src="smiley.gif"

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>
Answer
  • style="width:300px;"

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>
Answer
  • colspan="2"

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]
Answer
  • <ol>
  • </ol>

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>
Answer
  • type="A"

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)
Answer
  • <div>
  • <span>

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>
Answer
  • class="especial"

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>
Answer
  • class="intro special"

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>
Answer
  • id="myheader"

Question 42

Question
<iframe [blank_start]src[blank_end]="https://www.w3schools.com"></iframe>
Answer
  • src
Show full summary Hide full summary

Similar

Validación de formularios con Javascript
Alejandro Villamizar
HTML5 Leads a Web Revolution
juandavidvego
Información General
Hannes José Narváez
IandA Systems - Test de Programación
Abiel Jesrrel Lee
Características generales del lenguaje de presentación y etiquetado HTML 5.0
magda_fernandez
Test de HTML5 y CSS3
Lis Alexis Vanegas Celis
Maquetación semantica en HTML5
Ing Carmine
UD 1. Recoñecemento das características de linguaxes de marcas
Paula G.R.