HTML Tutorials

HTML tutorials is a compilation of documents designed to teach all the characteristics of the HTML code. The tutorials are designed carefully, well organized and easy to understand, providing rich information about the topic that many times is forgotten even by advanced users. This is why I recommended to all users to read every tutorial, because there are many "unknown" characteristics that almost everyone is used to forget. Anyway, the tutorials are ordered in a way that users can go learning following the list order.

There are actually many tutorials, but this list is never static. I look forward to change, add or replace tutorials as any information in this website. So don't hesitate to contact me suggesting topics, changes or additions, to correct errors or anything you think that might help to make this website the best reference for HTML authors.

Tutorials

• How to begin an HTML document: Tutorial designed for beginners, who have never written an HTML document manually and need to know where to do it and how to save it. This tutorial will show the process of creating an HTML file. Even when this process doesn't belong to the HTML language itself I'll try to give a small idea for those who still don't know how to do it.
• HTML Tags and attributes: Tutorial intented to introduce the HTML code basics to users that have never written a web site manually. Writing HTML code is pretty much writing tags, attributes and content. That's why we'll focus on how a tag and it's attributes and contents are defined. Note that we'll also set the rules to write XHTML compliant documents.
• An HTML document structure: With this tutorial you will learn the HTML document structure and the way it's divided, as well as what information you can place in each one of these divisions. We'll also set the document's type and the basis to design an HTML document compatible with the XHTML standard.
• Links in HTML: Tutorial explaining in full detail the nature and usage of links in HTML. It will not only show the basic syntax of links, but will also go through various characteristics that are usually not used and can provide a lot of hidden information for different interpreters (e.g., search engines).
• Organizing a website: Tutorial designed to give some ideas about how the files (HTML documents, images, etc.) in a website can be distributed among directories and how the resources can refer to each other from these different locations. I'll also make a small reference on how the files are placed in the server.
• Tables in HTML: This tutorial explains the correct and complete way to define tables in HTML documents. It's meant for beginners as well as for advanced programmers, as it presents some tools and ideas that most times are not used/known.
• Forms in HTML: Forms are a characteristic of the HTML standard that let authors collect information provided by the visitors. These forms can be useful to collect personal information, contact information, preferences, opinions, or any kind of user input the author may need. In this tutorial we'll explore all the tools availble to build forms in HTML.
• XHTML code: In this tutorial we'll go step by step studing the rules to write XHTML documents, while showing wich HTML syntaxes represent a violation of the new standards. I'll also give an idea of where XHTML come from and why there was a need for a change. Finally you'll learn to write XHTML code and check if your code is valid (i.e., it obey the standard).
• Cascading Style Sheets (CSS): Style sheets are useful to define visual attributes in HTML documents. This gives the author powerfull methods to define the visual style of the document while separates the semantic part (HTML) from the presentational (style sheets). In this tutorial you'll learn how to implement style attributes in the HTML document.