Light mode Switch to Dark mode High contrast

All courses

Build & structure your site

Login with your Webflow account to track your progress

Build & structure your site

Learn how to add different types of HTML elements to structure pages on your site.

In this course, you’ll dig into the backbone of the web: HTML. You’ll learn how to add HTML elements to your Webflow site and build fully structured webpages. While we’ll briefly touch on CSS and styling, the main focus is on hands-on page building — adding, arranging, and understanding the role of each element.

You’ll explore a variety of element types, from simple paragraphs to more complex elements like nav bars and forms.

This course is designed for website builders — those who lead or support the hands-on design and building of websites, and who have design permissions in Webflow.

By the end of this course, you’ll know:

• What HTML is and how it connects to the elements you use in Webflow
• The different types of elements you can add to a Webflow page
• How to use structural elements like sections, containers, and div blocks
• How to arrange elements in a hierarchy using the Navigator panel
• How to add and manage assets like images and documents on your site

Table of contents

1

Getting started

Coming soon

1

Background & preview 2:00

Background & preview

Coming soon

1

Intro to HTML & CSS 5:17

Intro to HTML & CSS

Coming soon

2

Working with elements

Coming soon

2

Add elements panel 2:23

Add elements panel

Coming soon

2

Essential elements 6:11

Essential elements

Coming soon

2

Section vs. Container vs. Div 2:40

Section vs. Container vs. Div

Coming soon

2

Navigator panel 3:32

Navigator panel

Coming soon

2

Review: Elements in Webflow 3:00

Review: Elements in Webflow

Coming soon

3

Working with assets

Coming soon

3

Add & manage assets 4:18

Add & manage assets

Coming soon

4

Wrap up

Coming soon

4

Additional resources 1:00

Additional resources

Coming soon

Progress

0%

Details

Beginner

30m

9

Lessons

Assets & links

Assessment

Test your knowledge

Enroll Now →

Continue Learning

<h3>Intro to Optimize</h3>Learn how to use Webflow Optimize to improve your site's conversion rate using testing, personalization, and AI Optimize.

<h3>Webflow 101</h3>Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

<h3>Prepare to publish your site</h3>Learn how publishing works in Webflow, manage site changes with confidence, and prepare for launch.

<h3>Webflow SEO fundamentals</h3>Learn how to plan, build, and maintain a search-friendly Webflow site using best practices and built-in SEO tools.

<h3>Take your app live with Webflow Cloud</h3>Prepare and deploy an existing app, connect live data, and keep it running.

<h3>Collaborate with your team</h3>Learn how to set up roles, permissions, and workflows in Webflow so your entire team can work together safely, confidently, and efficiently.

{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "Build & structure your site",
  "description": "Learn how to add different types of HTML elements to structure pages on your site.",
  "url": "https://university.webflow.com/courses/build-and-structure-your-site",
  "inLanguage": "en",
  "provider": {
    "@type": "Organization",
    "name": "Webflow University",
    "sameAs": "https://university.webflow.com"
  }
}