Intro to HTML & CSS

Let’s explore the HTML code that makes up the web. We’ll walk through what HTML is, examine some different HTML elements, and then explore the web interactively (and even delete Google!).

To Inspect a site in Chrome, Firefox, Arc, and Edge: Right-click on any element and select Inspect Element

To Inspect in Safari:

Go to Preferences menu under Safari
Select Advanced from top menu
Check the box for Show Develop menu in menu bar
Right-click on any element and select Inspect Element

Video transcript

</summary>

Intro to HTML & CSS is a foundational course on Webflow University that covers the basics of how web pages are structured and styled. Understanding HTML and CSS gives you a stronger mental model for working in Webflow, because everything you do in the Designer generates real HTML and CSS under the hood.

HTML (HyperText Markup Language) provides the structure of a web page — headings, paragraphs, links, images, and other content elements. CSS (Cascading Style Sheets) controls the visual presentation — colors, typography, spacing, layout, and more.

Even if you never write HTML or CSS by hand, knowing the basics helps you understand why elements behave the way they do in Webflow, how the cascade works, what the box model means, and why some styling decisions are made the way they are.

The Intro to HTML & CSS course on Webflow University is designed to be approachable for complete beginners while giving you a foundation that makes everything else in Webflow click into place.

</details>

Video details

Duration

5:17

Topic

Fundamentals

Continue watching

<h3>WordPress to Webflow - Introduction</h3>9:28

<h3>Welcome to the Webflow UI</h3>8:13

<h3>Welcome to Webflow</h3>3:10

<h3>Intro to CSS</h3>5:22

<h3>Element Hierarchy</h3>3:57

{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Intro to HTML &amp; CSS",
  "description": "Let’s explore the HTML code that makes up the web. We’ll walk through what HTML is, examine some different HTML elements, and then explore the web interactively (and even delete Google!).",
  "url": "https://university.webflow.com/videos/intro-to-html-css",
  "thumbnailUrl": "https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b945b7df9545eb134dfdcd_maxresdefault.webp",
  "duration": "5:17",
  "uploadDate": "2026-07-15T20:51:09.709Z",
  "contentUrl": "https://www.youtube.com/watch?v=EFHoH15i4Zg",
  "embedUrl": "https://www.youtube.com/embed/EFHoH15i4Zg",
  "inLanguage": "en",
  "publisher": {
    "@type": "Organization",
    "name": "Webflow",
    "logo": {
      "@type": "ImageObject",
      "url": "https://assets-global.website-files.com/6009ec03c3b4e33e78af04aa/6516be62e5c189e9d4fa5e8f_webflow-logo.svg"
    }
  },
  "about": {
    "@type": "Thing",
    "name": ""
  }
}