In this tutorial you will be learning about the <html>, <head>, <title>, and <body> tags. All of these tags must be included in a website for the website to work correctly.
If you forget to put in one or if you mistype one many problems can arise.It also may take you a lot of time to find these simple mistakes because they are so small which is why it is important you use them effectively
Ok to start off create your <html></html> tags. These tags tells your browser that you are using an html document and tells it when to start “reading” the document and when to stop reading the document. Your code should look like
Code:
<html>
</html>
Next we will add the <head> and <title> tags the head tag has more uses than just putting the <title> tag inside of it but the other uses are unimportant at this time. The <title> tag displays the “title” of your website in the navigation tabs on your browser picture located below.
Now type in the <head> and <title> tags in between the <html></html> tag
Your code should now look like this
Code:
<html><head> <title>tutorial 1</title> </head> </html>
I have indented the code because it is easier to read and edit (assuming someone looks at your code). This is unecessary but appropriate because it makes the code easier to read and should be practiced. Indenting is usually done with 3 spacebar keystrokes or 1 tab keystroke this is all preference.
Lastly we will add the <body> tag. This tag is where all the information on your page will go. In later tutorials you will also learn how to create boundaries for this text and about other tags like <p> and <pre> to better control placement of your text. We will now add the <body> tag and add some text in between it. I am going to go with a classic text in between the <body> tag but this text is up to you. Make sure to insert the <body> below </head> and </body> before </html>
You code should look like
Code:
<html><head> <title>tutorial 1</title> </head> <body> Hello World </body> </html>
While the finished product is in fact incomplete (no formating or text placement or content) these are the first steps to creating a webpage and should be the first things learned before moving on to more advanced concepts.
Thank you for reading this tutorial the next tutorial will include <p>, <pre>, <b>, <u>, <i> tags.
It’s amazing. I like it. Sounds good to me, even though I can’t agree with everything< that is written here
Comment by christopher — April 11, 2008 @ 6:38 am
Very nice Mauler!
Comment by Payne — January 4, 2008 @ 2:55 am