Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
- Semantic HTML: <header>, <footer> and <section> 7:29
- Sectioning Content with <article>, <nav> and <aside> 4:23
- Structuring Content Challenge 4 objectives
- Marking Up a Blog Post 6:33
- Grouping Content with <main> and <div> 6:47
- Grouping Content Challenge 3 objectives
- Using Multiple <header> and <footer> Elements 3:51
- Structuring Your Content Review 7 questions
Start a free Courses trial
to watch this video
![](https://videos.teamtreehouse.com/stills/TH-HTMLBasics2017-Stage2-Video4-stills-0.jpg?token=6991e6ac_0794f5b25640916d78df39c817d704a2e8652a12)
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
The <main> element represents the main content inside the body of the page, and <div> is a generic container that groups content.
Content Snippets
"Virtual reality was once the dream of science fiction. But the internet was also once a dream, and so were computers and smartphones. The future is coming." - Mark Zuckerberg
https://www.facebook.com/zuck/posts/10101319050523971
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up-
Kaya loves watermelon
12,717 Points1 Answer
-
Poonam Jain
908 Pointswhether i add these tags or not the output is the same. so why do we add them? for example -aside, section, articles etc
Posted by Poonam JainPoonam Jain
908 Points1 Answer
-
Mazen Lawand
10,105 Points1 Answer
-
Mario Luna Ostos
Front End Web Development Techdegree Student 6,350 PointsHow to indent in Macbook pro? It doesn't work just pressing cmd + ] because (+) (*) (]) are in the same Item.
1 Answer
-
Kristine Vinogradova
4,739 Points3 Answers
-
B Goree
878 Points1 Answer
-
Corey Summerow
Front End Web Development Techdegree Student 3,128 Points2 Answers
-
rasil
Front End Web Development Techdegree Graduate 15,053 Points1 Answer
-
SHUBHADEEP MUKHERJEE
470 Points2 Answers
-
Eduardo Yanguas
627 Points1 Answer
-
Jake Almendarez
Front End Web Development Techdegree Student 4,250 Points1 Answer
-
johan suh
4,157 Points1 Answer
-
Tom Vinkovich
1,633 PointsI'm a little confused what a wrapper does compared a tag? Do they do the same thing? Why is it important to have both?
Posted by Tom VinkovichTom Vinkovich
1,633 Points3 Answers
-
Mary Buttner
926 PointsIs there a final copy of code after the grouping <main> and <div> lesson? I missed some lines of code before then.
Posted by Mary ButtnerMary Buttner
926 Points1 Answer
-
Zimri Leijen
11,835 Points2 Answers
-
mohamedahmedgehad
11,541 Points4 Answers
View all discussions for this video
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up