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.
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.
- 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!
- CSS Media Queries
Learning how to use a media query is essential for creating responsive designs.
- w3schools.com CSS Tutorials
So much more than a tutorial site.
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.)
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.