2.0 HTML + CSS
Osman Beltrán Murcia
Created on September 23, 2024
Over 30 million people build interactive content in Genially.
Check out what others have designed:
MINERALS AND ROCKS
Escape games
HARRY POTTER ESCAPE GAME
Escape games
HARRY POTTER
Escape games
MISSION SANTA: MATH BREAKOUT
Escape games
KINGDOM HEARTS ESCAPE ROOM
Escape games
POKEMON LET'S GO ENGLISH
Escape games
Transcript
start
Learning is fun!...sometimes
technoLAND
breakout
?
?
?
1
Awards achieved:
technoLAND
¡Desbloquea las misiones anteriores para acceder!
¡Desbloquea las misiones anteriores para acceder!
¡Desbloquea las misiones anteriores para acceder!
Answer correctly and make the clown fall into the water five times to win your reward
Throw the clown!
Start
title
name
h1
What is the tag needed to give our webpage a name
1/5
Great!The name of our page will appear in the top of the browser
1/5
Next
only two, hence the name
only one
as much as we want
How name h2 tags our site can have
2/5
Next
Great!You can have as many as you want h2 tags, the only tag you should have only once is h1
2/5
paragraph
phrase
picture
the tag p stands for...
3/5
Next
Great!The tag P stands for paragraph, nice job!
3/5
Nothing, that attribute doesn't exists
Gives an alternative text
Gives an alternative image
What does the alt attribute does in the <img> tag
4/5
Next
Amazing!The alt attribute gives an alternative text to be shown whenever the image cannot be loaded
4/5
<html>
<head>
<body>
What is the tag that have all of the content that we can see in our webpage
5/5
Prize!
Great!Although the <html> element contains the entire document, it also holds content we can't see, such as CSS styles, JavaScript code, and page configurations.
5/5
Try again!
Next challenge!
You have won your first stuffed animal
Awards achieved:
technoLAND
?
?
2
¡Desbloquea las misiones anteriores para acceder!
¡Desbloquea las misiones anteriores para acceder!
Exit
Stay
You will need to redo theprevious tests to return to where you are now
Are you sure?
Start
Which image is the real one?Choose wisely and reach your prize!
MIRROR MAZE
What is the correct way to create a table in html
1/5
What is the correct way to create a list in HTML
2/5
What is the correct way to create a list in HTML
3/5
Which code is well structured?
4/5
What is the correct way to create a form in html?
5/5
Next challenge!
You have won your second stuffed animal
Try again and give it another go
?
Awards achieved:
technoLAND
3
¡Desbloquea las misiones anteriores para acceder!
00:03
Start
Answer correctly before time runs out and make your horse reach the finish line first
HORSE RACE
00:10
Try again!
color
text-color
You can't do that
YOU
Which property helps us to change the text color?
1/5
Try again!
Oops, incorrect
1/5
00:10
Try again!
background-fill
color
background-color
YOU
Which property helps us to change the background color?
2/5
Try again!
Oops, it's not correct
2/5
00:10
Try again!
text-size
font-size
size
YOU
Which property helps us to chnage the text size?
3/5
Try again!
Oops, it's not correct
3/5
00:10
Try again!
space
margin
padding
YOU
Which property helps us to control the space outside an element
4/5
Try again!
Oops, incorrect
4/5
00:10
Try again!
space
margin
padding
YOU
Which property helps us to control the space inside an element
5/5
Try again!
Oops, incorrect
5/5
Next challenge!
You've won your third stuffed animal
Awards received:
technoLAND
4
Enter
Move the light halo tofind the correct answer.Try to get out without getting scared!
THE HOUSEOF TERROR
Drag the halo of light!
margin
line
border
What property helps us to add a border to an element?
1/5
width & height
size & weight
Weight & height
Which properties help us to set the size of an element?
2/5
text align
text-align
align-text
Which property helps us to align items inside an element?
3/5
show
block
display
Which property helps us to control how an object is displayed?
4/5
font-family
color
size
What element helps us to change the text appaerance?
5/5
Congratulations!
You have won your fourth stuffed animal
Try again!
Start Over
CONGRATULATIONS!