2. HTML Mission
Now that you have conquered the WWW and added Spider-man to your team, Shuri needs the help of Iron Man.
How do you tell the computer what to put on the web page and how to organize it?
Below are the goals and challenges you must complete to get Iron Man's help.
Goals:
- Explain how to tell the computer what to put on the web page and how to organize it.
- Use HTML to provide structure to the content on a web page.
- Debug (depurar) - find and fix problems when using HTML to create content on a web page.
Challenge 2.1: Web Page Content and Structure
- The content ( el contenido ) of a web page is made up of images, videos and text. You will partner with someone and only one person will look at this web page of text . That person will explain to the other person how to structure (estructurar ) the webpage so they can write it on paper so it looks exactly like the website. The person explaining can not see what the other person is writing and the person making the webpage on paper can not ask questions. Then complete slide 14
- Watch the video below to learn how HTML is used to structure the content of a webpage. If you can't watch it on YouTube click here. Complete slide 15 as you watch and pause the video to learn about HTML, element, opening tag, content, and closing tag.
Challenge 2.2 Use HTML Elements to Provide Structure
- Use the W3 Schools to practice making web page content using different HTML element structures such as headings and paragraphs. Watch the video below so you can try it yourself. If you can't watch it on YouTube click here. Complete slides 16 and 17.
Challenge 2.3 Use Element and Attribute to make Hyperlink
- Use the W3 Schools to learn about HTML attributes and make a hyperlink on a webpage. Watch the video below so you can try it yourself. If you can't watch it on YouTube click here. Complete slides 18 and 19.
See the examples below showing the parts of an HTML element.
Challenge 2.4 Debugging and Explore More HTML
- Just like superhereos face failure so will you. When you debug work as a team. See the video above. Think about Iron Man, Spider-Man, Shuri and Black Panther and how they have a team that worked together to help solve it. The Avengers Team and The Coolest Team-Ups Miles Morales Has Ever Had click here.
-
Watch the video below to see what you must do for this challenge. click here.
- Debug (depurar) the code on slide 20. Go to the W3 schools website to paste the code from slide 20 to find the errors.
- Advanced: Go to slide 21 and use the W3 Schools HTML tutorial to explore more elements. Learn how to make a list.
- Go to slide 22 to summarize what you learned about making a web page.
2.5 Final HTML Challenge
Time to complete your mission goals
- Explain how to tell the computer what to put on the web page and how to organize it.
- Demonstrate how HTML is used to provide structure to the content on a web page.
Complete HTML Challenge and add Iron Man to your team. You can use your notes. When you demonstrate the HTML goals you will receive an email from Iron Man.