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!

Subtitles/CC

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:

0:00:00.000,0:00:03.820
Creating your very first HTML document
is one of the most satisfying moments

0:00:03.820,0:00:09.099
for a new web designer. Here’s how to do
it in sixty seconds. First create a new

0:00:09.099,0:00:14.820
file and name it index.html. Open the file
in a plain text editor like Notepad or

0:00:14.820,0:00:21.779
ideally a code editor like Sublime Text.
On the first line add this doctype code.

0:00:21.779,0:00:28.689
Now add opening and closing HTML tags, like
this. This forward slash means this is a closing

0:00:28.689,0:00:34.760
tag. Now add a head section with these tags. It’s
going to contain meta data about this

0:00:34.760,0:00:35.950
document.

0:00:35.950,0:00:40.469
Add a body section with these tags. This is
going to hold what gets displayed in the

0:00:40.469,0:00:47.070
browser window. In the head add title tags
and type “my first HTML document” inside

0:00:47.070,0:00:53.699
them. In the body add p tags and type
“this is a paragraph” inside. Now go to a

0:00:53.699,0:00:57.850
browser, open your file, and check out
what you just made. That’s your first

0:00:57.850,0:01:00.170
HTML document in 60 seconds.