|
|
Basic Web Page Setup
|
The two tags that you have to have on a website are <html></html> and <body></body>. You have to make sure the <body> tags are inside the <html> tags. Inbetween those tags, you put all of the other HTML in your webpage. An example of what it would look like in your document is below.
<html>
<body>
Everything Here!
</body>
</html>
If you look at the top of your screen when you look at a website, even above the toolbars, you see a bar (the same bar that has the "X" symbol to close the page). In the top left of that bar is the title of the webpage you are looking at. In HTML, you can edit what you put there, and most of the time, you put a title. I would very strongly suggest you add these tags. The tags are <head></head> and <title></title>. Put these tags inbetween the <html> and <body> tags. Here is what your document would look like after you add these tags:
<html>
<head><title>Your Title Here!</title></head>
<body>
Everything Here!
</body>
</html>
Now, you probably want to add some text to your webpage, right? If you type where I put "Everything Here!" and view it in your browser, you will see what you typed and nothing more except a blank page. Wherever you put text that will be seen on the finished page (not tags), the browser will see the spaces you put, just not the spaces you put before the text (for example, indenting).
If you want to view your own page, make sure to save it as ".html", not ".txt". Then, when you double click on it, it will automatically open in your browser. If you want to open it in notepad, right click it and go to "open as" and click notepad. If you have HTML Editor, just open the program and open your page from there. Save your document and view it in your browser every so often so you can see how it's going!
You can see these tags in use below. If you would like to see the HTML of the example, right click the page (or ctrl+click for Mac) and click "view source". This works on any webpage. Be sure to look for the title in the top left of your screen!
Example Webpage
|
|
|
|
