Jump to content
xisto Community
HannahI

How To Make A Website From Scratch - Starting Your Document

Recommended Posts

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://forums.xisto.com/no_longer_exists/;'>http://forums.xisto.com/no_longer_exists/;
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

<html><head></head><body>fgkdjhfgskjhfdgskjfgsdfkjhd</body></html>
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.

[tab][/tab]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"[tab][/tab][tab][/tab][tab][/tab]"http://forums.xisto.com/no_longer_exists/ kjfdshg</body></html>
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

[tab][/tab]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"[tab][/tab][tab][/tab][tab][/tab]"http://forums.xisto.com/no_longer_exists/;'>http://forums.xisto.com/no_longer_exists/;
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,

Edited by HannahI
Added the "code" tags (see edit history)

Share this post


Link to post
Share on other sites

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! :D

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.