Tutorial Categories
Tools and Software
Site Search


Advanced Search
Tutorial Options
Popular Tutorials
  1. Photoshop Concept Car Makeover
  2. Photoshop Man Of Fire Part I
  3. Photoshop Magic Marker Effect
  4. Photoshop Man Of Fire Part II
  5. Photoshop Car Makeover Part II
No popular tutorials found.
Popular Authors
  1. Cory Crampton
  2. Daniel Phillips
  3. tanmay goswami
  4. Rails Forum
  5. Brendan Horverson
  6. CodeCrunch Tutorial Bot
  7. PhotoshopBee .com
  8. Jamie Lewis
  9. Nick Cote
  10. Luther Avery
No popular authors found.
 »  CodeCrunch  »  HTML and CSS  »  HTML For The Newcomer: Part 1
HTML For The Newcomer: Part 1
By Daniel Phillips | Published  06/24/2006 | HTML and CSS | This tutorial viewed 4693 times
Tutorial ForThe HTML Newcomer: Part 1
Ok first a quick definition of what HTML is!

In layman's terms, HTML is a language recognised by the Internet, therefore if you know how to use it, you can play around with the Internet, the most popular use of HTML is for editing websites.

In this tutorial I will cover some of the basic HTML commands for use with notepad, which will be your program of choice when coding HTML, if you cant find it - It is in the accessories folder in program files.

Now to learn some basic tags

<html>   This starts a html document
<head>  This is the tag for the head area of the webpage, the part where the title and stuff goes.
<Title>   This is where the title goes
<body>  This is where you put the main content/body of the document.

So for example:

<html>                                                                                                  Starts the html code    
<head>                                                                                                 Starts the head area
<title>  Hello this is my first html document  </title>   Starts then ends the title area
</head>                                                                                                Ends title area
<body>                                                                                                Starts body area
<b> hello world </b>                                                                         starts then ends Bold text command
</body>                                                                                               Ends the body area
</html>                                                                                            
Ends the html code

The document should look like this in notepad

 
 



Comments
  • Comment #1 (Posted by Sneha)

    Thanks for this nicely explained tutorial.
     
Submit Comment