Html tutorial 1: the basics
July 3rd 2006 09:55
This first lesson will aim to teach you how to produce a html website itself and wont worry about producing any particular content for it. If you plan to follow through all of these lessons I advise you create a folder for the lessons (called "HTML lessons" or whatever) and each week store all the files in this folder.
All lessons in the basic HTML section of this website will use notepad (but you can use any text editor).
Getting Started
Open up your text editor and start a new document. Save this file as "Website 1.html". In my version of notepad you go to save and then where it says save as type you select "All files" and then just type "lesson1.html" in the filename box. Now click save.
This file is your website.
Adding some content
Now we need to add something to this file so that it contains something.
To start with, at the top of the page you write "<html>" and at the end you write "</html>". This just tells the computer that we are using the HTML language.
On the second line write "<head>" to tell the computer we are dealing with the header section of the coding. Below this write "</head>"
The pieces of coding of the form "<command>" tell us that command is beginning and those that take the form "</command>" tell us that command is ending.
So "<head>" means the start of the head section and "</head>" means the end of this section.
Now, in the head section, write the following code. Replace your title here with the title of the website you are planning to make.
<title>Your title here</title>
Your page should now look like this:
<html>
<head>
<title>Your title here</title>
</head>
</html>
Now, after the head section ends we are going to start the body section, by typing <body> (and we will end this just before we end the html document, by typing </body>
Within the body you can now type whatever text you want to be displayed on the web page.
So, at the end of the first tutorial you should have written
<html>
<head>
<title>Your title here</title>
</head>
<body>
your text here
</body>
</html>
To view your website save the document and close it. Now go to wherever you saved it and double click on the file. It should open in your default web browser. If you want to go back and edit the file open your text editor, go to the file menu and select open and then find your website and select it.
If you look up the top left of your website you should see your title, and your text should be visible in the main part of the window.
Well that's it for today. Tomorrow I'm going to teach you how to format that text so you can create headings and generally make your page more presentable, especially if you have a lot of text.
Adam
All lessons in the basic HTML section of this website will use notepad (but you can use any text editor).
Getting Started
Open up your text editor and start a new document. Save this file as "Website 1.html". In my version of notepad you go to save and then where it says save as type you select "All files" and then just type "lesson1.html" in the filename box. Now click save.
This file is your website.
Adding some content
Now we need to add something to this file so that it contains something.
To start with, at the top of the page you write "<html>" and at the end you write "</html>". This just tells the computer that we are using the HTML language.
On the second line write "<head>" to tell the computer we are dealing with the header section of the coding. Below this write "</head>"
The pieces of coding of the form "<command>" tell us that command is beginning and those that take the form "</command>" tell us that command is ending.
So "<head>" means the start of the head section and "</head>" means the end of this section.
Now, in the head section, write the following code. Replace your title here with the title of the website you are planning to make.
<title>Your title here</title>
Your page should now look like this:
<html>
<title>Your title here</title>
</head>
</html>
Now, after the head section ends we are going to start the body section, by typing <body> (and we will end this just before we end the html document, by typing </body>
Within the body you can now type whatever text you want to be displayed on the web page.
So, at the end of the first tutorial you should have written
<html>
<head>
<title>Your title here</title>
</head>
<body>
your text here
</body>
</html>
To view your website save the document and close it. Now go to wherever you saved it and double click on the file. It should open in your default web browser. If you want to go back and edit the file open your text editor, go to the file menu and select open and then find your website and select it.
If you look up the top left of your website you should see your title, and your text should be visible in the main part of the window.
Well that's it for today. Tomorrow I'm going to teach you how to format that text so you can create headings and generally make your page more presentable, especially if you have a lot of text.
Adam
| 132 |
| Vote |
subscribe to this blog
Comment by Cibbuano
Hunt Famous
Orble Post of the Day
Fat Cult
Techbreak