HTML Introduction
Welcome to the HTML Introduction by Clookid! I reccomend you read this tutorial before going any further in web scripting, HTML is a must before almost every other scripting language.
After reading this tutorial you will know:
- how to start an HTML document.
- what HTML stands for.
- what HTML actually is.
- the head tag.
- how to add a title to your document.
- where the title is displayed.
- the body tag.
- how to add text onto a page.
- how to close tags and how to end an HTML document.
- how to view source code on other websites (the code used to make the webpage).
Before starting this tutorial you should know:
HTML stands for Hypertext Markup Language and is used for very basic web scripting.
I am first of all going to bring an example into production and tell you what it does. After that I will teach you about each line of the example meaning you will be able to create your own HTML page that will be equivalent to a .txt document except your HTML document will have a title.
Here is the example:
Example 1-1:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>HTML Example</title>
</head>
<body>
Hello, I am an HTML example!
</body>
</html>
The above example will output the following:
Hello, I am an HTML example!
HTML is a very useful scripting language and is so simple to learn!
If you are struggling with this tutorial come back to it later and if you are still struggling when you come back got to the Forums and ask in the Support section about whatever you are struggling with.
Line 1:
This you do not really need to remember, just copy and paste it into your HTML document. Infact you do not even need to include this but I reccomend you do. This tells people the version of HTML that you are using when they view your source code.
Line 2:
This line of code begins your HTML document, remember this.
Line 3:
This is the head tag. This is just filtering your HTML making it easier to read, always use this!
Line 4:
This is the title tag, I will explain a little more about this later on in the tutorial.
Line 5:
This is closing the head tag, remember this line!
Line 6:
This is the body tag. Once again it is just filtering your HTML making it easier to read. This is where all of your main content will be stored, do not forget this!
Line 7:
This is just the text that you are wanting to output into the browser, you can place other things in here; I will teach you more things later.
Line 8:
This is just another closing tag, do not forget this!
Line 9:
This is closing the HTML document altogether, you must always use this!!
You know how I said I will tell you more about the title tag later, now is the time. Take a look at the top of your browser where it says 'Nathy's Place Free Domains -> HTML Introduction', this is a title.
If you ever wonder how someone does something on an HTML page; click on 'Veiw << Source Code' in your web browser, this shows you the source code of the page that you are veiwing.
Don't give up, keep reading more tutorials on HTML. Remember what you have learnt, it is very useful!
You must have authors permission to use this tutorial!
