Tuesday, February 8, 2011

Design websites! Html tutorial 1.Design a basic website.

 Ever wanted to design websites???? Now you can.
Step 1:

Open Notepad.
Step 2:
Type the following code in Notepad:
<html>
<head>This is my first website</head>
<title>My Website</title>
</html>
Step 3:
 Save your file on the Desktop.
Name it 'Website.html'
(Do not forget . html because if you don't type that after the name, your website will not appear)
Step 4:
The circled icon on the desktop is your .html file.
Double click it to view your first site!
Step 5:
Your very first website!
Step 6 :
The <html> tag begins your code and the </html> tag ends your code.
If you do not type even any one of these, your website shall not be created.
Note: The tags that have a forward slash (/) is called the closing tag, and if not typed, your code shall not be seen.
eg. <html> - This begins the code
</html> - This ends the code. 
(This principle is applied for all html tags)
Step 7:

The words typed between the <head> and </head> is the header or the heading sentence of your website.
Step: 8
The words added  between the <title> and </title> tags is your title that you see at the top of your browser.


  I shall be posting more tutorials later. Till then, enjoy!!!!
If you want to see a video tutorial, please click the link below.
http://www.youtube.com/watch?v=1SdCkRqeFOY
                                                                                       -Reuben Mathew

2 comments:

  1. Jeremy,
    I think you so show more in the instant a person would not understand how do you insert a title in his or her HTML file especially when the person is a learner. I am not saying that tis one is bad but i saying that you should show more.

    ReplyDelete
  2. Jeremy,
    I shall be posting more tutorials later.
    I wanted to put a video on the topic, but the size limit on my page doesn't allow me to.
    For the title, put your title between the title and /title tags. If you have any other problems please comment.

    ReplyDelete