If you know nothing about HTML, this is where you start

To the Reader...
These tutorials are set up so you can move through them over a week's time. One tutorial per day. However, if you can go faster, do it! Some have told me that they finished the primers in a day. Good luck.

  • HTML Primer

  • Positioning HTML Elements Using CSS

    Learn about CSS positioning types and how to overlap elements and add some text over an image.

  • Working with HTML Styling Blocks

    Octavia Anghel shows you how to use the main HTML elements used for styling blocks of HTML.

  • Creating Drop Caps in HTML and CSS

    Learn more about different methods of employing drop caps to make your web pages more visually appealing.

  • Intermediate Web Page Graphics

    Following on the previous article (Basic HTML: Adding Images), here is more information on the main web formats, which are JPEG, GIF, PNG, and PNG-8, along with examples of each. In addition you will learn more about SEO and some basic placement of images on your web pages with CSS3.

  • 10 Tips to Optimize Mobile Websites for Users

    As mobile websites become more prevalent, so is the need for better design. In this article, we look at 10 tips to create a better experience for mobile users.

  • 8 Rules to Follow When Using TWAIN for Your Image Capture Web App

    This article will touch upon the history of TWAIN and its wide use before diving into developer planning considerations. With a focus on developing image capturing applications to use within web-based document management applications, the article will uncover 8 rules for TWAIN-based application development.

  • Inside Moboom, a New Mobile Experience

    In this article we're going to have a look at Moboom, a platform for creating responsive web designs for desktop, tablet and mobile devices.

  • Leverage Your HTML5 Savvy to Build Commercial, Cross-Platform Apps and Games

    An unexpected player has entered the fray with a tool that makes HTML5 mobile development easy while also directly addressing some of the shortcomings of Web technologies in mobile apps. See a demonstration of how quickly you can begin creating your own apps using HTML5.

  • A 5 Minute Overview of All New HTML5 Markup Elements

    A lot has changed over the years in the HTML space in terms of supported markups. This article walks readers through all the new HTML5 markup elements.

  • Providing an HTML5 Date Input control with Fallback

    The HTML5 Date Input control has been long awaited and makes inputting dates simple for both the user and the web developer. In this tutorial, we'll be building a Accrued Interest calculator that accepts a start and end date to create the period.

  • An Overview of the W3C HTML5 Document Outliner Algorithm

    HTML4's use of div and header tags to describe a document's structure has many limitations that can be a problem for web developers. This article tackles that issue, and specifically focuses on the Header and Section elements, describing how to effectively use them to define the desired outline for your HTML documents.

  • HTML5 Tech: Shared Web Workers Help Spread the News

    I spoke about dedicated Web Workers and covered the basics of their uses, limitations, as well as communication and error handling models.  In today's follow up, we're going to move on to a different kind of Web Worker called a Shared Worker.

  • Basic HTML That Everyone Should Know

    For some of you, HTML (hyper-text markup language) is as foreign a language as when you first learned to read and write. This article is for you. Hopefully, this article will help you move past the Rookie mistakes and you can reach the rank of Beginning HTML expert.

  • Three Ways You Can Use HTML5 On Your Website Today

    HTML5 promises to affect the way we think about and use the web, but what can be done with HTML5 today? In our last article we discussed five essential HTML5 editors to get you started. In this article we will look at several ways you can use HTML5 on your website right now!

  • What Web Developers Have Learned in the Past 10 Years

    IE6 shipped more than 10 years ago, but its non-standard implementation of the shifting standards of 2001 still haunts today's developers. As the Web shifts to HTML5, and new versions of IE, Firefox and Chrome debut, have we learned the lessons of IE6?

  • Basic HTML: Adding Images

    If you're just getting started, this tutorial on web-based images will get you up to speed in no time flat!

  • Top HTML5 Tutorials from HTMLGoodies

    HTML5 is an emerging technology that is slowly changing the face of the web. The latest browsers support it, and developers are eager to begin using it on their websites. HTMLGoodies features many tutorials on the topic, and we've brought the best of them together here for your perusal.

  • One Video URL to Rule Them All

    HTML5 is changing the landscape on how video is presented on web pages. New formats, codecs, screen sizes, devices and browsers are being developed on a continuous basis. What’s one to do? Enter Vid.ly, which provides a universal video URL.

  • Web Developer Basics: The HTML5 Video Element

    This article begins a "mini-series" of our in-depth coverage of important new elements in HTML5 to help you create media-rich pages that will work in any compliant browser. In this session we introduce the Video element!

  • Web Developer Basics: Using The HTML5 Canvas Element

    This article continues our "mini-series" of important new elements in HTML5 to help you learn to create media-rich pages that will work in any compliant browser.

  • Using HTML5 for Automatic Placeholders in Email Forms--With No JavaScript

    Previously, if a developer wanted to include some sample text in an email field in a form, and then make that text disappear when the user clicked within that field, they had to use some JavaScript to make it happen. Enter HTML5 and the placeholder attribute, which simplifies the whole process--using no JavaScript at all!

  • Web Developer Basics: Differences Between HTML4 And HTML5

    Now that we've seen how to use some of the newer whiz-bang features of the draft HTML5 standard, it's time to take a few steps back and take a look at some of the other differences between HTML4 and HTML5.

  • HTML5 Primer: How To Use the Audio Tag

    In our series on HTML5, we've discussed geolocation, link relations, form and keyboard events, media events, mouse events, global attributes and multimedia. This week we're going to expand upon our discussion on multimedia and delve further into HTML5's

  • Web Developer Tutorial: HTML5 Microdata

    The HTML5 draft specification includes Microdata. The Microdata spec provides a standardized syntax for additional semantic markup to your web pages to enhance the machine readability of your web pages. This tutorial will discuss microdata and will show why you should be interested in it!

  • Web Developer Basics: Multimedia In HTML5

    In the last installment of this series, we talked about link relations in HTML5. In this article, we'll see how support for various multimedia formats in HTML5 will make things much easier for you as a developer...eventually.

  • Web Developer Class: HTML5 Geolocation

    Many websites can benefit from knowing exactly where the user accessing their site is from, enabling a more personalized local experience. HTML5's geolocation functionality can help you do just that, as we show in this tutorial.

  • Web Developer Basics: Link Relations In HTML5

    In the first installment of this series, we introduced HTML5 and saw how much of its most basic syntax is far more simple and direct than the way most developers are used to coding. In this article, we'll look at some other basic tags and see some of the power of the language.

  • Web Developer Basics: Learning About HTML5

    HTML5, depending on who you listen to, may be either a disruptive new technology that has the potential to bring entire companies to their knees, or a smooth transition from current HTML 4.0 that promises to make life much easier for developers. Both are at least partially true, and in this continuing series, I hope to help you make sense out of HTML5: both business sense and nuts-and-bolts coding-level sense.

  • Top HTML 5 Tutorials from HTMLGoodies

    HTML5 is an emerging technology that is slowly changing the face of the web. The latest browsers support it, and developers are eager to begin using it on their websites. HTMLGoodies features many tutorials on the topic, and we've brought them all together here for your perusal.

  • HTML5 Development Class: Mouse Events

    HTML5 is changing and expanding the landscape of web development. There are a multitude of new attributes and events that are being introduced with HTML5. In this installment we’ll take a look at the new and old events surrounding the mouse including movement, position and clicking as well as the new drag and drop events.

  • Creating Simple, Yet Effective Sitemaps in HTML

    You may have considered adding a sitemap to your website at one point, but never got around to it. This tutorial will tell you why you need one, and will show you how to create one using HTML.

  • Web 101 Links: When and How to Open a Link in a New Window

    For many website owners out there, one of the top objectives is to get visitors to their pages and keep them there. This tutorial will show you how to create a link that opens up a page in another tab or window, allowing your visitors to stay on your site!

  • Web Design 101: Creating Drop Caps in HTML and CSS

    A long time ago, it was very common practice in books and magazines for the style template to call for a Drop Cap. A drop cap is a means to stylize a paragraph and to add a little splash and flavor to a page, and this tutorial will show you how to create it using HTML and CSS.

  • Web Developer Class: Creating a Call Out Box For Your Web Page

    Let's say you have a content site and for some of the articles you want the readers to pay special attention to a certain piece of information. This tutorial will show you an easy and simple way to create a Call Out box for your content pages!

  • HTML5 Development: Form & Keyboard Events

    Recently we have covered some of the major event categories for HTML5. In this installment we'll take a look at the "miscellaneous" categories that we have not yet covered. We'll see what HTML5 offers in new form events as well as most of the form and keyboard events developers have become accustomed to in HTML4.

  • HTML 5 Tutorial for Web Developers: The Video Element

    The HTML 5 specification is from being an official specification. That said, the W3C has just released an overview of the vocabulary and associated APIs for HTML and XHTML, and we'll bring you the details of the <video> element in this article for web developers.

  • HTML5 Development Class: Media Events

    There has been much discussion surrounding the Media capabilities in HTML5: How will it impact Flash? Will we still need different media players like QuickTime and Windows Media Player? Why is HTML5 attempting to standardize media on the web? This article will give you the foundation for making informed opinions on HTML5 and its media capabilities.

  • HTML Forms: From Basics to Style--Getting Started

    Forms are a staple of web sites--almost every web site has one or more forms. This tutorial for web developers will show you how to create forms, make them look nice and make them accessible to your website's visitors.

  • Basic HTML Class: Working with Images on your Website

    You have learned your basic HTML tags, and know about Cascading Style Sheets, but what about images? If you're a web developer, you need to know how to work with images, and this tutorial will teach you the basics!

  • HTML 5 Features: What Web Developers Can Use NOW

    There are several articles that list some important upcoming features of HTML5, which can work on certain browsers. This tutorial for the web developer will show you how you can use certain features of HTML 5 NOW!

  • Web Developer Class: Learn the Basic HTML Tags!

    This HTML tutorial for beginning web developers walks you through the most often used HTML tags, shows you how they are used, and tells you which tags have gone the way of the dinosaur.

  • HTML Class: Creating Links to Other Pages

    Just how do you create a link to another website? Read this tutorial for beginning web developers, written in an easy-to-understand format so you will be creating links in no time at all!

  • The Current Reality of HTML5 and the Much-Fabled Video Element

    There has been much talk and debate on the topic of HTML5; in particular, the <video> element. This article discusses the subject in depth and adds some fuel to the fire in the Flash vs. HTML5 debate.

  • What's New with HTML 5: Global Attributes

    In the new world of HTML 5 some things will remain the same, some will go away and many will be added. In this article we will take a look specifically at what's new with the global (sometimes called standard) attributes.

  • HTML Class: Elements of HTML5

    Since 2004, the future of web development known as HTML 5 has been envisioned, discussed and re-envisioned over and over again. Here we will take a look at some of the current highlights and help you envision how they may one day affect your web development.

  • Basic HTML: Manipulating Text

    This recently revised tutorial by Joe Burns will teach you the ins and outs of manipulating text via HTML.

  • Refactoring HTML: Well-Formedness

    The first step in moving markup into modern form is to make it well-formed. Well-formedness guarantees a single unique tree structure for the document that can be operated on by the DOM, thus making it the basis of reliable, cross-browser JavaScript.

  • Using the DOCTYPE Tag

    Having trouble with your Web pages? Can't get them to display correctly in your browser? It might be that your page is a little "quirky." Even if you address all errors in a web page, one problem that many developers overlook is a statement or, if used, failure to use the right one.

  • A Web Development Primer

    In this article, Ahmad Permessur examines a wide variety of Web technologies, beginning with HTML, it's limitations and how to go beyond it. Other topics covered are client- and server-side technologies, networks, JavaScript, DHTML, CGI. and more.

  • Following the XHTML Path

    You can think of XHTML as the transition from XML (how the data is to be defined) to HTML (how the data will be displayed). Guest author David Jenkins provides a quick preview and introduction to XHTML basics and its advantages.

  • Behind the Scenes with XHTML

    In a previous article, we quickly touched on the requirements for proper XHTML coding, especially in relation to HTML 4.01. In this article, we'll take a closer look at what some of those requirements are in relation to the head portion of the Web page.

  • Why Switch to XHTML?

    So you've heard of XHTML, but don't know what it is or why you should use it? This article will tell you where the XHTML spec came from, and will show you the benefits of using it. Read about the future of HTML in this article by Lee Underwood.

  • Basic HTML: Graduation

    You've come far grasshopper--you can walk on the HTML page without leaving any traces of code--you are ready to graduate!!

  • Basic HTML: Introduction

    This is Primer Number One in a series of seven that will calmly introduce you to the very basics of HyperText Mark-up Language.

  • If you know nothing about HTML, this is where you start


  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.
Thanks for your registration, follow us on our social networks to keep up-to-date