HTML Basics

Summary

Below you will find a collection of articles on the basics of HTML, the markup language for the web.

Articles

Introduction

• Why should I use HTML?
• Creating and saving an HTML file
• HTML workflow

Syntax

• Opening and closing tags
• Comments
• Self-closing tags
• Nested elements
• Attributes
• Whitespace in HTML
• Boilerplate HTML

Head Elements

• Title

Body Elements

• Heading
• Paragraph
• Ordered list
• Unordered list
• Image
• nav
• main
• section
• footer

Links

• Linking to another HTML page in your project
• Linking to an external web page
• Link to a specific section on your web page
• Email and phone links

Building Projects

• How to structure an HTML file
• HTML project structure
• Common syntax problems

Sample Projects

• Sample home page: Here is a sample home page for an imaginary business written only in HTML. You can view the source code here.
• Sample blog post: Here is a sample blog post written only in HTML. You can view the source code here.

Next Steps

After learning HTML, you can move on to our Markdown section, which will allow you to add README files to your projects, or our CSS section, which will allow you to style your HTML documents.

* work in progress

** coming soon!

Notice any errors? Have other questions or suggestions? Send your comments and questions to contact@simpledev.io.