Your First HTML Document 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!

A Bit More Detail

Learn more about HTML.

60 seconds?!

This is part of a series of quick video tutorials on Envato Tuts+. We’re aiming to introduce a range of subjects, all in 60 seconds–just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you’d like to see explained in 60 seconds!


Here you’ll find the content of the “captions.sbv” file, which we can use to add subtitles to the screencast. Turn subtitles on by clicking the Subtitles/CC button on the player–click the settings gear icon to select the language:

Creating your very first HTML document
is one of the most satisfying moments

for a new web designer. Here’s how to do
it in sixty seconds. First create 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. This forward slash means this is a closing

tag. Now add a head section with these tags. It’s
going to contain meta data about this


Add a body section with these tags. This is
going to hold what gets displayed in the

browser window. 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 just made. That’s your first

HTML document in 60 seconds.