HTML 5

Descripción

html5
Paula G.R.
Test por Paula G.R., actualizado hace más de 1 año
Paula G.R.
Creado por Paula G.R. hace más de 3 años
16
0

Resumen del Recurso

Pregunta 1

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

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

Pregunta 3

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

Pregunta 4

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

Pregunta 5

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

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

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

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

Pregunta 11

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

Pregunta 12

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

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

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

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

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

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

Pregunta 18

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

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

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

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

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

Pregunta 24

Pregunta
<[blank_start]!--[blank_end]esto es un comentario[blank_start]--[blank_end]>
Respuesta
  • !--
  • --

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

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

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

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

Pregunta 31

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

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

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

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

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

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

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

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

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

Pregunta 42

Pregunta
<iframe [blank_start]src[blank_end]="https://www.w3schools.com"></iframe>
Respuesta
  • src
Mostrar resumen completo Ocultar resumen completo

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.