Skip to Content
  • Loading menu bar
  • Loading menu bar
  • Search
All Livestreams
Artificial Intelligence
Augmented Reality
Building a Web Dev Portfolio
CS101
Cloud Computing
Community: Chapter Leader Quick Tips
Community: Chapters
Community: Events
Community: Hackathon
Creative Coding with p5.js
Cybersecurity
Data Analytics
Data Science
Data Visualization
Definitions
DevOps
Developer Tools
HTML & CSS
Interview Prep
Intro to Emojicode
Intro to TypeScript
JavaScript
Jobs in Coding
Learn From Home Day
Learner Stories
Linear Regression with Python
Machine Learning
Master Stats with Python
Mobile Development
Official Codecademy Events
Product Demos
Python
R
Recruiter Advice
Setting Up
Tips
Visualize Data with Python
Web Design
Welcome to Codecademy
iOS Development
Videos Home
  1. Videos/
  2. HTML & CSS/
  3. Create your first HTML/CSS project

Create your first HTML/CSS project

261,327 Views
Jul 01, 2019

You've made a basic HTML site, but let's add some style with CSS. In this video, Brendan walks you through this process!

Take Codecademy's Learn HTML course: https://j.mp/3vRqRSr
Take Codecademy's Learn CSS course: https://j.mp/3vRqIOT

More details:

  • Check out our previous video on making an HTML website: https://youtu.be/47GaFnnex5w
  • Check out part 2, where we go beyond basics: https://youtu.be/EGMSlY2v5xk

- - - - - 

Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3399YX1
Check out our full course catalog: https://j.mp/33i96Pz

More videos

  • 13:27
    How to clone a website
    665,979 views
    6 years ago
  • 14:04
    How to create a website
    254,418 views
    6 years ago
  • 20:50
    Create your first HTML/CSS/JS project
    195,287 views
    6 years ago

Learn more on Codecademy

  • Free course

    Learn CSS

    In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
    Checker Dense
    Beginner Friendly
    6 hours
  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    Checker Dense
    Includes 34 Courses
    Checker Dense
    With Professional Certification
    Checker Dense
    Beginner Friendly
    115 hours
  • Free course

    Learn HTML

    Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
    Checker Dense
    Beginner Friendly
    7 hours

Company

  • About
  • Careers
  • Affiliates
  • Partnerships

Resources

  • Articles
  • Blog
  • Cheatsheets
  • Code challenges
  • Docs
  • Projects
  • Videos
  • Workspaces

Support

  • Help Center

Resources

  • Articles
  • Blog
  • Cheatsheets
  • Code challenges
  • Docs
  • Projects
  • Videos
  • Workspaces

Support

  • Help Center

Plans

  • For individuals
  • For students
  • For business
  • Discounts

Community

  • Visit community
  • Code Crew
  • Events
  • Learner Stories
Codecademy from Skillsoft
Codecademy from Skillsoft

Subjects

  • AI
  • Cloud computing
  • Code foundations
  • Computer science
  • Cybersecurity
  • Data analytics
  • Data science
  • Data visualization
  • Developer tools
  • DevOps
  • Game development
  • IT
  • Machine learning
  • Math
  • Mobile development
  • Web design
  • Web development

Languages

  • Bash
  • C
  • C++
  • C#
  • Go
  • HTML & CSS
  • Java
  • JavaScript
  • Kotlin
  • PHP
  • Python
  • R
  • Ruby
  • SQL
  • Swift

Career building

  • Career paths
  • Career Center
  • Interview prep
  • Professional certification
  • Compare to bootcamps
  • —
  • Full catalog
  • Beta content
  • Roadmap

Mobile

  • Download on the App Store
  • Get it on Google Play

Mobile

  • Download on the App Store
  • Get it on Google Play
  • Privacy Policy
  • Cookie Policy
  • Do Not Sell My Personal Information
  • Terms
Made with ❤️in NYC © 2025 Codecademy