Learn HTML / Fundamentals

Structural elements

Enroll now!
Free
+ All lessons.
+ Ready-to-use code.
+ Step-by-step projects.
+ Quiz tests.
+ Future updates.
+ Upcoming free courses.

Ready-to-use code

HTML Structures / Structural elements / Header, main and footer

See the Pen HTML Structures / Structural elements / Header, main and footer by In a Rocket (@inarocket) on CodePen.

HTML Structures / Structural elements / Nav inside header

See the Pen HTML Structures / Structural elements / Nav inside header by In a Rocket (@inarocket) on CodePen.

HTML Structures / Structural elements / Nav outside header

See the Pen HTML Structures / Structural elements / Nav outside header by In a Rocket (@inarocket) on CodePen.

HTML Structures / Structural elements / Aside

See the Pen HTML Structures / Structural elements / Aside by In a Rocket (@inarocket) on CodePen.

HTML Structures / Section & Article / Section with articles

See the Pen HTML Structures / Section & Article / Section with articles by In a Rocket (@inarocket) on CodePen.

HTML Structures / Section & Article / Article with sections

See the Pen HTML Structures / Section & Article / Article with sections by In a Rocket (@inarocket) on CodePen.

What you have learned

  • How to structure your content with header, main, footer, nav and aside.
  • How to divide content into sections and articles.

References

Newsletter

  • Free Stuff. Exclusive access to new courses, latest news and free resources.
  • No spam. Just real content that's meant to make a difference.