HTML 5

Beschreibung

html5
Paula G.R.
Quiz von Paula G.R., aktualisiert more than 1 year ago
Paula G.R.
Erstellt von Paula G.R. vor mehr als 3 Jahre
16
0

Zusammenfassung der Ressource

Frage 1

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

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

Frage 3

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

Frage 4

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

Frage 5

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

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

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

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

Frage 11

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

Frage 12

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

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

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

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

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

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

Frage 18

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

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

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

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

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

Frage 24

Frage
<[blank_start]!--[blank_end]esto es un comentario[blank_start]--[blank_end]>
Antworten
  • !--
  • --

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

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

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

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

Frage 31

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

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

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

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

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

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

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

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

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

Frage 42

Frage
<iframe [blank_start]src[blank_end]="https://www.w3schools.com"></iframe>
Antworten
  • src
Zusammenfassung anzeigen Zusammenfassung ausblenden

ähnlicher Inhalt

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.