Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
  1. Web Design
  2. HTML

Your First HTML Document in 60 Seconds

This post is part of a series called 60 Second Video Tutorials.
Troubleshooting WordPress in 60 Seconds
Designing for Business Goals in 60 Seconds

Creating your first HTML document is one of the most satisfying moments for any new web designer. Here’s how to do it in 60 seconds!

Your First HTML Document

Begin by creating a new file and name it “index.html”. Open the file in a plain text editor like Notepad or ideally a code editor like Sublime Text.

On the first line add this doctype code.

Now add opening and closing HTML tags, like this: 

The forward slash indicates a closing tag. Now add a head section with <head> tags:

These head tags are going to contain meta data about our document.

Now add a body section with <body> tags:

These tags are going to hold what gets displayed in the browser window. Now in the head add <title> tags and type “My First HTML Document” inside them. 

In the body add <p> tags and type “This is a paragraph” inside. 

Now go to a browser, open your file, and check out what you’ve just made!

Further Reading

Learn more about HTML on Envato Tuts+.

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.