How To Make A Website From Scratch - Starting Your Document

Hello and Welcome to my Tutorial. In this lesson I will be teaching you how to create a basic page using any Text Editor.

To start us off in html the root tag is html and all HTML tags are inside <>. Also to end a tag you would type the tag but after the < character you type a left-right slash.
Then also their are to tags inside the HTML tags in the framework. They are the head tag which is to set the header, everthing in the header tag is invisible content goes. Then the other one is the body tag which is where you can put you visible content for your page. Also in the head tag there is a tag that goes there called a meta tag. A meta tag gives infomation for search engines and browsers such as a the title, the description, the keywords, and the type of document. There is a tag that goes before the HTML tag which is the DOCTYPE tag which we will talk a little bit more abput later but for now we can just say that it is the tag to tell the browser the document type. Example shown in Listing 1.1
Listing 1.1

Going back into the DOCTYPE tag lets learn about it.

• The DOCTYPE tag is before the HTML tag
• The DOCTYPE tag starts with a exclamation point
• The DOCTYPE tag doesn't follow the rules of HTML
• The DOCTYPE tag has a URL that tells the browser the type of document

That is the basic framework of the page. So now all you need to do is save your document to your hard drive.
Once you do that if you open it in the browser you will see that their is no content and that is because that is just the framework of the website.
If you type something in to the content of the body is you will see it will appear on the screen. Example shown in Listing 1.2
Listing 1.2

That is the basic example to putting content on the page. That is how you add content to the page but their is a important tag that goes in the header. It is the title tag which put the title of the page. Example shown in Listing 1.3.
Listing 1.3.

Notice that in the top of the page it says what you put in the title tag. Also when you put your website online that is what will display in search engine's.
There is just 1 more thing to talk about, the line break tag. The line break tag basically simulates hitting enter. Example shown in 1.4
Listing 1.4

There is one thing about the line break tag that I have to say. Since the line break tag never ends you write it out like this <br /> instead of <br>, Okay.

Bye,

 

 

 

Comment/Reply (w/o sign-up)

Quite a basic tutorial, but could be useful.
Please, for sake of readabilty, do not forget to put between "code" tags the parts of code you want to post.
A tutorial with such an amount of tags should be able to use the cod tags!

Comment/Reply (w/o sign-up)

Thanks yordan for fixing my mistake when I created my document. I forget about BB Code.

Comment/Reply (w/o sign-up)

Basic tutorial. Perfect for starters. Though i'm not beginner i did gone through entire tutorial to see if anything new is in there. I wish you've covered more part in your tutorial like linking, hover and css. Wait, for CSS better to write entirely different tutorial. Looking forward to more tutorial from you. Keep it up.

Comment/Reply (w/o sign-up)

Hi.
I'm posting more tutorials.
This is thge first one, The structure of HTML.
Later I'll go in to real stuff like CSS or JS.
Bye.

Comment/Reply (w/o sign-up)