Threaded Mode | Linear Mode

Focnr · 03-29-2011, 01:28 PM

Hello! Welcome to my Beginners tutorial for HTML!
Please comment with feedback!

Starting your document
Open up notepad and type this in!

Code:

<html>

<body>

This identifies and clarifies the start of your HTML document. This is extremely important and if this isn't added to your document, it will not work.

Of course, you'll want to add a title, right?
Type this!

Code:

<h1>My test title!</h1>

Entering this in creates this:
[Image: tut1-1.png]

Now, you'd like to add some text, right?
For text, we use the <p> code. Do this:

Code:

<p>My first paragraph.</p>

Doing this will create this:
[Image: tut2-1.png]

Alright, now we have a title and a paragraph. We want to add closing tags at the end, to end the command. Do this:

Code:

</html>

</body>

Now all together, we've created this:
[Image: tut3-2.png]

Good job! You're on your way to making websites! (haha, you wish Wink

)
The next tutorial will be about Images, Headings, and Links.

TheJoe · 03-30-2011, 01:29 AM

nice "set" of tutorials.. do u need help to write something on css (or again on html)?

Focnr · 03-30-2011, 05:12 AM

Not really. I may, but thanks regardless.

Balloon · 03-30-2011, 11:01 AM

I moved your html tutorials to the tutorials section focnr, keep them coming!

Focnr · 03-30-2011, 11:18 AM

Alright, that works.
I will! Smile

Kingsfield · 04-06-2011, 01:10 PM

Focnr Wrote:

Code:

</html> </body>

Hate to be nit-picking (although you kind of have to in web design) , but haven't you got these codes the wrong way around?

Also, you should mention something about the "<title>" tag, to give the top of the webpage a title, like "Cryptic GFX" or "Facebook" rather than just "untitled"

And for anyone wondering about what a webpage that you can see looks like in it's barest form, just right click, and press "View source", and you can see the HTML code for that page!

Just a couple of ideas, don't know if you'd planned on using them later or something Smile

Shefali · 04-28-2011, 12:11 AM

Focnr Wrote:
Hello! Welcome to my Beginners tutorial for HTML!
Please comment with feedback!

Starting your document
Open up notepad and type this in!

Code:

<html> <body>

This identifies and clarifies the start of your HTML document. This is extremely important and if this isn't added to your document, it will not work.

Of course, you'll want to add a title, right?
Type this!

Code:

<h1>My test title!</h1>

Entering this in creates this:

Now, you'd like to add some text, right?
For text, we use the <p> code. Do this:

Code:

<p>My first paragraph.</p>

Doing this will create this:

Alright, now we have a title and a paragraph. We want to add closing tags at the end, to end the command. Do this:

Code:

</html> </body>

Now all together, we've created this:

Good job! You're on your way to making websites! (haha, you wish )
The next tutorial will be about Images, Headings, and Links.

nice and helpful starting.