HTML 5

Descrição

html5
Paula G.R.
Quiz por Paula G.R., atualizado more than 1 year ago
Paula G.R.
Criado por Paula G.R. mais de 3 anos atrás
16
0

Resumo de Recurso

Questão 1

Questão
<p [blank_start]title[blank_end]="About W3Schools">W3Schools is a web developer's site.</p>
Responda
  • title

Questão 2

Questão
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]">
Responda
  • 250
  • 400

Questão 3

Questão
<a [blank_start]href[blank_end]="https://www.w3schools.com">This is a link</a>
Responda
  • href

Questão 4

Questão
<img src="w3schools.png" [blank_start]alt[blank_end]="w3schools Logo">
Responda
  • alt

Questão 5

Questão
Inserta un encabezado: [blank_start]<h1>Londres</h1>[blank_end] <p>Londres es la capital de Inglaterra.</p>
Responda
  • <h1>Londres</h1>

Questão 6

Questão
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>
Responda
  • <h1>Hello</h1>
  • <h2>Hello</h2>
  • <h3>Hello</h3>
  • <h4>Hello</h4>
  • <h5>Hello</h5>
  • <h6>Hello</h6>

Questão 7

Questão
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>
Responda
  • <h1>
  • </h1>
  • <h2>
  • </h2>
  • <h3>
  • </h3>
  • <p>

Questão 8

Questão
Añade una pausa temática. <h1>Londres</h1> [blank_start]<hr>[blank_end] <p>Londres es la capital de Inglaterra.</p>
Responda
  • <hr>

Questão 9

Questão
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>
Responda
  • <br>

Questão 10

Questão
Pon el párrafo de color azul: <p [blank_start]style[blank_end]="[blank_start]color:blue;[blank_end]">This is a paragraph.</p>
Responda
  • style
  • color:blue;

Questão 11

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

Questão 12

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

Questão 13

Questão
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>
Responda
  • font-size

Questão 14

Questão
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>
Responda
  • background-color

Questão 15

Questão
<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>
Responda
  • style
  • text-align:center

Questão 16

Questão
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>
Responda
  • <strong>
  • </strong>

Questão 17

Questão
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>
Responda
  • <em>
  • </em>

Questão 18

Questão
Resalta la palabra divertido. <p> Es [blank_start]<mark>[blank_end]DIVERTIDO[blank_start]</mark>[blank_end] aprender HTML.
Responda
  • <mark>
  • </mark>

Questão 19

Questão
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>
Responda
  • <sub>
  • </sub>

Questão 20

Questão
Tacha la palabra azul <p>Mi color favorito es el [blank_start]<del>[blank_end]azul[blank_start]</del>[blank_end]</p>
Responda
  • <del>
  • </del>

Questão 21

Questão
Añade comillas a la palabra divertido. <p>Soy muy [blank_start]<q>[blank_end]divertido[blank_start]</q>[blank_end]</p>
Responda
  • <q>
  • </q>

Questão 22

Questão
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]>
Responda
  • blockquote
  • cite
  • /blockquote

Questão 23

Questão
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>
Responda
  • abbr title=
  • /abbr

Questão 24

Questão
<[blank_start]!--[blank_end]esto es un comentario[blank_start]--[blank_end]>
Responda
  • !--
  • --

Questão 25

Questão
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]
Responda
  • a
  • href="default.html"
  • </a>

Questão 26

Questão
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>
Responda
  • target="_blank"

Questão 27

Questão
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]
Responda
  • <a
  • href="default.html"
  • </a>

Questão 28

Questão
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">
Responda
  • width
  • height

Questão 29

Questão
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]">
Responda
  • width:250px;height:400px;

Questão 30

Questão
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>
Responda
  • float:right;

Questão 31

Questão
Inserta un gif. (smiley.gif) <img [blank_start]src="smiley.gif"[blank_end]>
Responda
  • src="smiley.gif"

Questão 32

Questão
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>
Responda
  • <tr>
  • <th>Nombre</th>
  • <th>Edad</th>
  • </tr>

Questão 33

Questão
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>
Responda
  • style="width:300px;"

Questão 34

Questão
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>
Responda
  • <tr>
  • <td>Eva García</td>
  • <td>94</td>
  • </tr>

Questão 35

Questão
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>
Responda
  • colspan="2"

Questão 36

Questão
Esto es una lista ordenada: [blank_start]<ol>[blank_end] <li>Coffee</li> <li>Tea</li> <li>Milk</li> [blank_start]</ol>[blank_end]
Responda
  • <ol>
  • </ol>

Questão 37

Questão
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>
Responda
  • type="A"

Questão 38

Questão
[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)
Responda
  • <div>
  • <span>

Questão 39

Questão
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>
Responda
  • class="especial"

Questão 40

Questão
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>
Responda
  • class="intro special"

Questão 41

Questão
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>
Responda
  • id="myheader"

Questão 42

Questão
<iframe [blank_start]src[blank_end]="https://www.w3schools.com"></iframe>
Responda
  • src

Semelhante

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.