Step-by-step HTML and CSS for Absolute Beginners

Kathleen Farley, Robobunnyattack!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
36 Lessons (3h 58m)
    • 1. Course introduction and welcome

    • 2. Project overview: A "Coming Soon" webpage

    • 3. Getting started with HTML and CSS

    • 4. Creating HTML and CSS files

    • 5. Learning HTML syntax

    • 6. Adding headings and paragraph text

    • 7. Using special characters

    • 8. Adding web and email links

    • 9. Adding images

    • 10. Finding icons and other graphics

    • 11. Making clickable images

    • 12. Checking your HTML code for mistakes

    • 13. Adding CSS to your webpage

    • 14. Learning CSS syntax

    • 15. Changing fonts

    • 16. Choosing a good color scheme

    • 17. Changing colors on your webpage

    • 18. Checking your CSS code for mistakes

    • 19. Understanding FTP: File Transfer Protocol

    • 20. Getting your files online using FTP

    • 21. Editing your webpage online

    • 22. Dividing sections of content using DIVs

    • 23. Changing the background color of a section

    • 24. Changing the width of a section

    • 25. Centering content inside a section

    • 26. Repositioning an entire section

    • 27. Controlling the way links appear on your webpage

    • 28. Changing your text to uppercase or lowercase

    • 29. Categorizing your webpage content using classes

    • 30. Repositioning images on your webpage

    • 31. Changing the space around sections of content

    • 32. Making rounded corners

    • 33. Tweaking line spacing

    • 34. Changing the way a link appears when you hover over it

    • 35. Adding a drop shadow effect

    • 36. Creating special effects with images


About This Class

This is a comprehensive and friendly course designed for beginners with no previous coding or programming experience. In this course, we'll create a simple "Coming Soon" webpage using valid HTML5 and CSS3 code.

As we build our webpage, we'll cover:

  • what tools you need to write HTML and CSS;
  • how to use HTML to organize and manage the content of your webpage;
  • how to use CSS to control the look of your webpage;
  • and how to use web building tools such as code validators and color scheme generators.

Why learn HTML and CSS?

HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the building blocks of the web. If you've ever looked at a website, you've seen HTML and CSS in action.

Yes, it's possible to build a website without knowing HTML or CSS. Many modern websites are built using content management systems such as WordPress. These systems often provide WYSIWYG (What You See Is What You Get) editors that function a lot like regular word processors. But, as many would-be web designers soon discover, there's only so much you do without understanding HTML and CSS code.

  • Maybe you want to change the background color on your website, or change the size of your text.
  • Maybe you want to make changes to your site's template, but you don't know what to look for or what to change.
  • Maybe you just want to understand what the heck you're doing whenever you cut-and-paste embed codes from sites like YouTube or SlideShare.

Understanding HTML and CSS makes all of this possible, and more. It also makes it easier for you to communicate with developers, should you ever need to hire one. Or maybe you're taking your first step towards becoming a developer yourself!

What are the requirements?

  • A computer (Windows, Mac, or Linux) with Internet access
  • Any modern web browser (Chrome, Firefox, Internet Explorer, Opera, or Safari)
  • Some basic computer skills (cutting and pasting text, saving files into folders)
  • A desire to learn!

What am I going to get from this course?

  • In this course, we'll create a simple "Coming Soon" webpage using valid HTML5 and CSS3 code
  • We'll focus on WHY the code we write looks the way it does –– so you can develop an intuitive understanding of how HTML and CSS work
  • By the end of this course, you'll be able to use HTML and CSS with confidence, following best practices every step of the way!

What is the target audience?

  • Beginners with no previous coding or programming experience
  • Web designers seeking to strengthen their HTML and CSS skills
  • Learners of all ages who want to REALLY understand HTML and CSS –– not just memorize code!

Learning HTML and CSS is fun and rewarding. Let's jump in!