You are on page 1of 2

The only tags you need to know (for now)

Page one has the essentials. It’s the ones that you use on
every page you create, but that you only use once.

The following page has the text, content, and layout


related elements that you’ll be using all the time.

THE ESSENTIALS

<!DOCTYPE html> Tells the browser that it’s an HTML document

<html> HTML starts here

<head> The behind the scenes stuff

Title of the page (in head, not seen in the actual


<title>
page itself)

<meta> Extra information (in the head)

The content that people will see all goes inside


<body>
here!

KEVINPOWELL.CO
RELATED TO TEXT / CONTENT

<h1> ... <h6> Heading (bold by default)

<p> Paragraph

<strong> Bold

<em> Italic (short for emphasis)

<a> Anchor (This is to create links)

<ul> & <ol> Unordered & ordered lists

<span>
A bit like <strong> and <em> but you style it
yourself

<img> An image

USED FOR LAYOUT PURPOSES

<header> The header area of your document

<main> The main content of your site

<footer> The footer of your document

<nav> The main navigation

<section> A section

<div> A division (or box) - no semantic meaning

KEVINPOWELL.CO

You might also like