Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

Getting started with HTML/CSS

  • Design and Code Your First Website in 9 Easy-to-Understand Steps

    Design and Code Your First Website in 9 Easy-to-Understand Steps

    Nathan Umoh
  • HTML & CSS for Beginners (MEGA Free Course!)

    HTML & CSS for Beginners (MEGA Free Course!)

    Adi Purdila
  • All HTML/CSS tutorials:

    1. Convert Your WordPress Theme to HTML5

      Convert Your WordPress Theme to HTML5

      Tutorial Intermediate

      HTML5 introduces a great set of new features and easy options. Soon it will have the full support of most browsers in use today. Eventually everyone will...

    2. How to Inject Custom HTML and CSS into an iframe

      How to Inject Custom HTML and CSS into an iframe

      Tutorial Intermediate

      Ever been to a site like JSBin, where you can write HTML, CSS, and JavaScript, and then see the results in a panel to the right? An iframe is how we can...

    3. iOS 5: Fixed Positioning and Content Scrolling

      iOS 5: Fixed Positioning and Content Scrolling

      Tutorial Beginner

      Two of the most celebrated enhancements to Safari on iOS 5 are fixed positioning and content scrolling support. This tutorial will teach you how to take...

    4. How to Build an RSS Reader with jQuery Mobile

      How to Build an RSS Reader with jQuery Mobile

      Tutorial Intermediate

      Twice a month, we revisit some of our readers’ favorite posts from through out the history of Nettuts+. This tutorial was first published in October 2010. ...

    5. How To Create A Simple 404 Error Page For WordPress Themes

      How To Create A Simple 404 Error Page For WordPress Themes

      Tutorial Beginner

      A visitor can encounter a 404 error for a number of reasons. As a website owner, you should ensure that the user experience of your website doesn't leave...

    6. Introduction to iScroll

      Introduction to iScroll

      Tutorial Beginner

      In this tutorial I will teach you how to use iScroll 4 to create a simple mobile web site. The site we create will have a fixed header and a fixed footer...

    7. Mobile Web Quick Tip: Phone Number Links

      Mobile Web Quick Tip: Phone Number Links

      Tutorial Beginner

      This quick tip demonstrates how to create phone number links with HTML. The techniques in this tip work on both Android and iPhone devices and can greatly...

    8. Full Screen Web Apps

      Full Screen Web Apps

      Tutorial Intermediate

      One of the first problems encountered when building a mobile web app from scratch is the amount of space consumed by the browser's address bar. This tutorial...

    9. 11 Tools to Instantly Code Faster

      11 Tools to Instantly Code Faster

      Tutorial Beginner

      Twice a month, we revisit or update some of our readers’ favorite posts and sessions from throughout the history of Nettuts+. This tutorial was first...

    10. Add Facebook Comments To Your Wordpress Theme

      Add Facebook Comments To Your Wordpress Theme

      Tutorial Beginner

      Facebook launched the social plugins for developers in 2010. You all know at least one of them, the "like" button that you see on lots of blog posts across...

    11. Quick Tip: How to Add Syntax Highlighting to Any Project

      Quick Tip: How to Add Syntax Highlighting to Any Project

      Tutorial Beginner

      In this lesson, we'll use a JavaScript based syntax highlighter to quickly add a syntax highlighting functionality to any web project — even on a simple HTML...

    12. Quick Tip: Adding a Simple Print Stylesheet to WordPress

      Quick Tip: Adding a Simple Print Stylesheet to WordPress

      Tutorial Beginner

      Adding a print stylesheet to your Wordpress site is a wise move. The environment will thank you for applying this article to your website. It's such a simple...