Resources For Learning HTML And CSS

Here are some great resources to help you learn HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). You’ll see that both are very approachable web browser systems.

HTML is a lot like grammar in that tags are used to code (markup) your copy into headings, paragraphs, lists, form elements and so on. It has nothing to do with the style of a page. That is the domain of CSS which I think of as the language of web design style.

With just a little effort you’ll see that what you’ll learn will be indispensable when it comes to making all kinds of content and style changes to your WordPress site.

Want More Of This?

Be eligible for service discounts and keep up-to-date with WordPress news, resources and advice delivered to you just about every Sunday.
  • Don’t you worry about a thing. Your email address is kept safe with those crazy monkeys at MailChimp.

Why Subscribe?

These resources are a follow up to my webinar, “A Beginner’s Guide To Customizing Your WordPress Site With CSS” when I teamed up with a world-class WP instructor, Kirk Biglione from WP Apprentice.

If you have any questions, comments or feel I should include other resources please leave those in the Reply box below.

Before you check out my list have a look at The Best Web Development Courses as ranked by over 1000 students.

Learning HTML

  • What is HTML?
    The Chamber of Commerce’s overview of HTML.
    Award winning site that’s perfect for html beginners and veteran coders.
  • HTML Goodies
    This is where I learned HTML while the Earth was cooling.
  • HTML Dog HTML Tutorials
    Tutorials, Techniques, Examples, References
  • Getting to Know HTML
    See how to get beyond using the tag all the time.
  • HTML Elements Reference
    A listing of all the HTML tags. (Don’t panic. There aren’t as many as you think.)
  • A Simple Guide To HTML
    A pretty good cheat sheet.
  • What about HTML5?
    It’s just the current standard as published by the W3C (World Wide Web Consortium) and her are some of its key features.
  • HTML Validation
    I’ve been telling my students for over 20 year to error check their HTML. It’s a great way to learn perfect code. A little geeky but oh so good. 🙂
  • HTML5 Periodic Table
    A cool way of looking at and understanding HTML elements.

You’ll never work effectively with CSS until you get HTML down cold. And you can do it!

Learning CSS

  • CSS Media Queries
    Learning how to use a media query is essential for creating responsive designs.
  • CSS Tutorials
    So much more than a tutorial site.
  • CSS-Tricks
    More advance and I site I use all the time.
  • CSS Properties
    An alpha listing of the over 300 style properties but you don’t have to use them all.
  • Connecting your site with Google Fonts. I recommend using the Per Page Add To Head plugin to paste the Google Fonts API link into all your WP pages. Oh yeah, Google Fonts.
  • CSS Grids Course
    True Grid layout is new and now here. Learn it at this awesome web site.
  • w3C’s CSS Validation Service
    Great way to check if your CSS is correct especially when something looks amiss. (Use the Direct Input tab.)

What About JavaScript?

HTML, CSS and JavaScript are very different but have one thing in common.

They’re all built into every browser. That is, you don’t need to be online for them to work. They are client side applications.

Without question, JS is the most difficult of the three to learn. If you are going to be a web site developer it’s important to have at least some working knowledge of it.

What does JS do?

While HTML provides semantic markup for your content and CSS styles that content, JS adds functional (“behavioral”) aspects to your pages.

1 thought on “Resources For Learning HTML And CSS”

Leave a Comment

1 thought on “Resources For Learning HTML And CSS”

Leave a Comment

Illustration of 2 people talking

Get A Free 60 Minute Screen Sharing Consultation From Bud Kraus, Experienced WordPress Site Developer and Instructor