Learn HTML

Learn how to create the backbone of any website with our HTML tutorials. Start from scratch or brush up on the latest features and best practices.
Read moreRead less
All content
Courses
Tutorials

All HTML tutorials:

  1. Unicode: A Beginner’s Primer

    Unicode: A Beginner’s Primer

    Tutorial • Beginner

    Believe it or not, there's an image format which is built right into your browser. It allows images to be downloaded even before you need them, renders them...

  2. Quick Tip: Spare a Thought for Vertical Break Points

    Quick Tip: Spare a Thought for Vertical Break Points

    Tutorial • Intermediate

    I've seen this happen a few times recently, usually on websites with fixed navigation running down the left hand side. They'll have lovely, fluid layouts,...

  3. Creating a WordPress Theme From Static HTML: Creating Template Files

    Creating a WordPress Theme From Static HTML: Creating Template Files

    Tutorial • Beginner

    In the first part of this series, I showed you how to prepare your HTML and CSS files for WordPress, ensuring the structure would work, the code was valid...

  4. The Truth About Multiple H1 Tags in the HTML5 Era

    The Truth About Multiple H1 Tags in the HTML5 Era

    Tutorial • Beginner

    Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is,...

  5. Creating a WordPress Theme From Static HTML: Preparing the Markup

    Creating a WordPress Theme From Static HTML: Preparing the Markup

    Tutorial • Beginner

    Last year I did a small (and admittedly very un-scientific) survey among other WordPress developers. What I wanted to know was this: When they built their...

  6. How to Learn the Phaser HTML5 Game Engine

    How to Learn the Phaser HTML5 Game Engine

    Tutorial • Beginner

    Phaser is an open source HTML5 game framework created by Photon Storm. It's designed to create games that will run on desktop and mobile web browsers. A lot...

  7. Foundation’s Sassy Styles Explained

    Foundation’s Sassy Styles Explained

    Tutorial • Intermediate

    In this tutorial we'll cover what can be done with the flexible Sass styles included in the Foundation framework. A lot of these offer a more customisable...

  8. How to Learn Three.js for Game Development

    How to Learn Three.js for Game Development

    Tutorial • Beginner

    Three.js is an open-source JavaScript library/API used to create and display animated 3D computer graphics on a web browser, compatible with the HTML5 canvas...

  9. Linking Up the Google Maps and Flickr APIs

    Linking Up the Google Maps and Flickr APIs

    Tutorial • Beginner

    Imagine you've made the beautiful map a client requested; adding all sorts of interesting markers, pop-ups, custom overlays and photos.  But then the client...

  10. The Google Maps API and Custom Overlays

    The Google Maps API and Custom Overlays

    Tutorial • Intermediate

    In our previous tutorial we looked at how you can add markers and customize the colors and menus of a Google map using the service's API. This tutorial takes...

  11. Getting Creative With the Google Maps API

    Getting Creative With the Google Maps API

    Tutorial • Intermediate

    You’ve designed a shiny new website; carefully selecting the colors, typography and photographs to perfectly reflect the company's branding.  Then your...

  12. Quick Tip: Don’t Forget the Viewport Meta Tag

    Quick Tip: Don’t Forget the Viewport Meta Tag

    Tutorial • Beginner

    I remember my maiden voyage into responsive web design; I'd used a classic grid, wrestled with a flexible layout, and tackled media queries for the first...

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.