9 Tutorial Sites for HTML: HTML Tutorials for Beginner to Advanced

HTML Code Tutorial

HTML Code Tutorial - Free Reference Guide for Help with HTML Tags Including Form, Frames, Tables, and more!

This website contains tutorials from basic to advance level.

Below are the topics covered in this tutorial.

A complete HTML referenence of html tags and attributes, with links to pages about each of them can be found in this site.

Read this tutorial HTML reference

W3SCHOOLS HTML Tutorial

This HTML tutorial contains more than 100 HTML examples.

With w3school's HTML editor, you can edit the HTML, and click on a button to view the result.

At the end of the HTML tutorial you will find more than 100 examples you can edit and test yourself.

Start learning HTML now!

EchoEcho.Com Tutorials : HTML TUTORIAL

You can use this tutorial either as a complete introduction or as an A-Z reference to HTML.

The pages are packed with: 
Easy to understand explanations, massive examples, tips, smart workarounds and useful quick references.

If you're completely new to HTML you should start with the section that covers HTML Basics.

Otherwise, just jump directly to the relevant pages. Each chapter has several sections. At the end of one chapter, you can take a quiz. The quiz is a very useful feature to make your learning better.

Start this tutorial HTML Reference

Dave Raggett's Introduction to HTML

Dave Raggett's HTML introduction is a basic starter for the new learners. Though it does not cover all the basics for HTML, this beginners guide is pretty handy.

The Advanced HTML features introduces some very useful HTML concepts that is really helpful to handle good HTML codes.

tizag.com HTML Tutorial

A beginner's tutorial containing background knowledge of HTML and how to begin coding your own webpage immediately.

Following are the list of topics covered in this tutorial.

HTML Dog

There are six tutorials covering the length and breadth of HTML and CSS. The Beginner Tutorials are step-by-step guides, whereas the Intermediate and Advanced Tutorials contain stand-alone tips, tricks and best-practice techniques.

A whole bunch of examples demonstrating various HTML elements and CSS properties in action. The web pages are minimal, bare-bone examples so that you can clearly see what's going on. Just view the source. See the examples here.

Contents

• Getting Started - What you need to do to get going and make your first HTML page.
• Tags, Attributes and Elements - The stuff that makes up HTML.
• Page Titles - Titles. For Pages. Difficult to get your head around, I know...
• Paragraphs - Structuring your content with paragraphs.
• Headings - The six levels of headings.
• Lists - How to define ordered and unordered lists.
• Links - How to link things together.
• Images - Adding something a bit more than text...
• Tables - How to use tabular data.
• Forms - Text boxes and other user-input thingamajigs.
• Putting It All Together - Taking all of the above stuff and shoving it together. Sort of a recap thing.

HTML Intermediate Tutorial

Contents

• Span and Div - The 'meaningless' elements, used with CSS.
• Meta Tags - Bolting on extra information about your web page.
• Tables II - Expanding on the  Tables page of the HTML Beginner Tutorial, looking at header-cells and merging cells.
• Definition Lists - The forgotten lists.
• Javascript - How to add Javascript to your HTML.
• Bad Tags - The HTML elements and attributes you should avoid.

HTML Advanced Tutorial

Contents

• Standards Recap - Separating meaning from presentation, XHTML tags and attributes and accessibility overviews.
• Accessible Links - Making hypertext more accessible to users with disabilities.
• Mastering Text - Using the right tags for the right context.
• Mastering Tables - Column groups, headers and footers etc. etc.
• Accessible Forms - Making forms more accessible for users with disabilities.
• Declarations - Declaring document types, languages and character sets.

Start Learning HTML HTML Tags Reference

Writing HTML

Below are links to all of the lessons in this tutorial. Most of the lessons can be done off-line if you download to your computer an archive of the tutorial pages. This site has provided links at the top of every lesson page to a brief summary of all HTML tags covered in these lessons.

Also, this site have a single PDF document with the content of all the listed lessons, suitable for printing, though it weighs in at 330 pages!

Building a Foundation... Nuts 'n Bolts HTML

1. Creating Your First HTML Document
2. Modifying an HTML Document
3. Headings: Six Levels Deep <h1> <h2> ...
4. Breaking up into Paragraphs <p> <br> <hr>
5. Doing it with Style <b> <i> <tt>
6. Lists, Lists, and Lists <ul> <ol>
7. Graphics and File Formats
   1. Inline Images <img...>
8. Linking it with Anchors
   1. Links to Local Files <a href="file.html ...>
   2. URLs: Web Pointers http:, ftp:, gopher:..
   3. Links to the World: Internet sites <a href="http:// ...>
   4. Links to Sections of a Page <a name= ...>
   5. HyperGraphic Links <a href= ...><img...></a>
9. Preformatted Text <pre>
10. Special Characters &eacute; &copy;
11. Definition Lists <dl> <dt> <dd>
12. Address Footers and E-Mail Links <address> <a href=mailto:...>
13. You can Blockquote Me on That <blockquote>
14. Lumping vs. Splitting

Beyond the Basics

15. Standard and Enhanced HTML
16. Colorful And Textured Backgrounds <body bgcolor=...>
17. Don't Blink, Don't Marquee
18. Spiffing Up Text <font color=... face=... size=... > <sup> <sub> <u> <strike>
19. Easy Horizontal Rules <hr>
20. Extra Alignment <div>, <center> <img vspace=..., hspace=...
21. Setting the Table <table..>
22. More for Images and Lists <BORDER=0..>, <ol type=..>
23. Clickable Image Maps <map...>
24. META in your HEAD <META...>
25. Target That Window <a href=... target=...>
26. Web Page, You've Been Framed <frameset cols=... > <frame src=... >
27. A Wee Dose of JavaScript <script language=JavaScript... >
    1. Alerts and Rollovers <a href=... onClick="alert('...')" onMouseOver="...
    2. Dynamic Content document.write('..
    3. Custom Window Openers window.open('..
    4. Swapping Images onMouseOver=... onMouseOut=...
28. Adding some FORM to your webs
    1. Forming Forms <form..>
    2. Form Action by email and CGI <form action=..>
    3. Form Action by JavaScript
29. Multimedia in Your Page
    1. Animated My GIF!
    2. Movie Time <embed src=...>
    3. Sound of [web] Music
    4. Hit Me With a Shockwave
    5. Small Cup of Java (to go) <applet code=...>

Start this lesson All HTML Tags

quackit.com HTML Tutorial

This section of Quackit provides an extensive list of articles and tutorials to assist with your HTML coding.

From the HTML Cheat Sheet, to the HTML code library, from the HTML code generators to the HTML tutorial, you'll almost certainly find something of benefit!

This HTML tutorial is separated into the following sections:

Start this tutorial HTML Reference

DAVESITE HTML Interactive Tutorial

This tutorial is for anyone who is serious about learning HTML code. Perhaps you want your own web page, or an entire web site. Perhaps you're setting up a web site for your business or organization. You've come to the right place. You do not need any prior experience in making web pages to take this course

This tutorial is a "hands on" tutorial... you get to test your new HTML skills immediately after you learn the code, chapter by chapter ... all within your web browser! There is no need to go fiddle with other applications while you are learning HTML code with this tutorial.

Start This Tutorial HTML Tag List