HTML5 Tutorial 2: Making Our First Template



Welcome to your second html5 tutorial, here we're gonna make our first template using html5 using the basic types.

In writing html, its important to know that almost evrything done in html works with tags. and we are gonna be seeing some basic tags today, and use them to make our first html template.

step 1: opening notepad++

step 2: creating and saving your file



After openning notepad++ your gonna see "new 1". (thats not a file type), so we are gonna creat our html file. by going to on the menu bar, then , then select the directory you want to save your file. Change the to any name of your choice. go to and change the file type to ".html"


Then click
now we've created our html file...next we are gonna write some simple tage

NOTE: the main and basic format of a html file is: 1.main html tag, 2. the head and title, 3. body 4. footer, 5. closing tag

   
   My website(name of your choice)<title/></p> <p class="separator" data-blogger-escaped-style="clear: both; text-align: left;" style="clear: both; text-align: left;">    <link rel = "stylesheet" href = "main.css"></p> <p class="separator" data-blogger-escaped-style="clear: both; text-align: left;" style="clear: both; text-align: left;"> <head/></p> <p class="separator" data-blogger-escaped-style="clear: both; text-align: left;" style="clear: both; text-align: left;"> <body></p> <p class="separator" data-blogger-escaped-style="clear: both; text-align: left;" style="clear: both; text-align: left;"> <br></p> <p class="separator" data-blogger-escaped-style="clear: both; text-align: left;" style="clear: both; text-align: left;"> <body/></p> <p class="separator" data-blogger-escaped-style="clear: both; text-align: left;" style="clear: both; text-align: left;"> <html/></p> <p class="separator" data-blogger-escaped-style="clear: both; text-align: left;" style="clear: both; text-align: left;"> <br></p> <p class="separator" data-blogger-escaped-style="clear: both; text-align: left;" style="clear: both; text-align: left;"> <i>We are gonna talk about the link type on our next post....</i>  <!--data-blogger-escaped-<title> My website -->

Run/open using your web browser...



the tag "title" is gona display whats between the title tag on the webs browser title bar.

jst try the code and we'll continue in our next post

by Rozzae

No comments: