With what you discovered in the past training, you are now only moments away from creating your first web page.
How?
In Lesson 1 we looked at what is needed to make a website: a web browser and Note pad (or similar text editor). Since you are reading this, you most likely already have your web browser start. The only thing you need to do is to start an extra web browser window (open the web browser one more time) so you can read this guide and see your new web page simultaneously.
Also, start Note pad (in Accessories under Programs in the Start menu):
Now we are ready!
What can I do?
Let us begin with something easy. How about a web page that says: "Hurrah! This is my first web page." Analysis on and you'll discover out out how easy it is.
HTML is easy and sensible. The web web web browser goes HTML like you research English: from the top down and from remaining to right. Thus, an easy HTML records starts with what should come first and finishes with what should come last.
The first part you need to do is to tell the web web web browser that you will "talk" to it in the terminology HTML. This is done with the tag <html> (no entertainment there). So before you do anything else kind "<html>" in the first wide range of your records in Notice pad.
As you may keep in thoughts from past periods training, <html> is an starting tag and must be shut with a completing tag when you are completed writing HTML. So to create sure you don't ignore the HTML near tag now kind "</html>" a wide range of choices down and create the relax of the records between <html> and </html>.
The next part your records needs is a "head", which provides details about your records, and a "body", which is the material of the records. Since HTML is nothing if not sensible, the go (<head> and </head>) is on top of the whole whole whole body (<body> and </body>).
Your records should now look like this
*********************************************************************************
<html>
<head>
</head>
<body>
</body>
</html>
*********************************************************************************
Notice how we structured appearance with new selections (using the Get into key) as well as indents (using the Tab key). In idea, it does not problem how you structure your HTML documents. But to help you, and others learning your development, to keep an conclusion, it is recommended that you structure your HTML in a awesome way with variety smashes and indents, like the above example.
If your documents looks like the above example, you have designed your first website - a particularly boring website and probably not what you thought of when you started this information but still some type of a website. What you have designed will be the main style for all your future HTML information.
So far so good, but how do I add content to my website?
As you learned earlier, your HTML papers has two parts: a go and a whole body system. In the go place you make information about the website, while the whole body system contains the facts that comprises the website.
For example, if you want to give the website a headline which will appear in the top bar of the web browser, it should be done in the "head" place. The element used for a headline is headline. I.e. make the headline of the website between the opening tag <title> and the closing tag </title>:
*********************************************************************************
<title>My first website</title>
*********************************************************************************
*********************************************************************************
Note that this title will not appear on the site itself. Anything you want to appear on the site is content and must therefore be added between the "body" tags.
As promised, we want the site to say "Hurrah! This is my first website." This is the text that we want to communicate and it therefore belongs in the whole body section. So in the whole body section, type the following:
*********************************************************************************
*********************************************************************************
<p>Hurrah! This is my first website.</p>
*********************************************************************************
*********************************************************************************
The p in <p> is brief for "paragraph" which is exactly what it is - a written text passage.
Your HTML papers should now look like this:
*********************************************************************************
*********************************************************************************
<html>
<head>
<title>My first website </title>
</head>
<body>
<p>Hurrah! This is my website.</p>
</body>
</html>
*********************************************************************************
*********************************************************************************
Done! You have now created your first actual website!
Next all you have to do is to preserve it to your difficult disk and then start it in your browser:
- In Note pad select "Save as..." under "File" in the top selection.
- Choose "All Files" in the "Save as type" box. This is very essential - otherwise, you preserve it as a written text papers and not as an HTML papers.
- Now preserve your papers as "page1.htm" (the finishing ".htm" indicates that it is an HTML papers. ".html" gives the same outcome. I always use ".htm", but you can select whatever of the two additions you prefer). It doesn't issue where you preserve the papers on your difficult disk - provided that you keep in mind where you stored it so you will discover it again.
Now go to the browser:
- In the top menu choose "Open" under "File" (or press CTRL+O).
- Click "Browse" in the box that appears.
- Now find your HTML document and click "Open".
It now should say "Hurrah! This is my first web page." in your online browser. Congratulations!
If you definitely want the whole globe to see your work of art right away, you can leap to Session 13 and understand how to publish your web page to the Internet. Otherwise, be individual and study on. The fun has just started.
0 comments: