HTML Basics

This page has the most important fundamentals of HTML.
Setting up a helpful file structure, common elements, etc. Even though this is the "basics", using them in a meaningful way can make things a lot easier.

File Structure

First, a quick review of the file structure. The framework for your HTML should look something like below.

index.html

<html>
 <head>
  /*Recommended*/
  <title>Page Title</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>

 /*Optional*/
 <header>
  /*Header content*/
 </header>

 <body>
  /*Body content*/
 </body>
</html>

In head, you want to put all the metadata and such. Nothing that will be displayed (directly) goes here. Everything I put there above I recommend but isn't required. I will show some other things you could/ should put in head later.

Elements

Classes & ID's

Linking Files

Personal Tips