HTML Beginners Tutorial
Share it:   Comparte en Del.icio.us Comparte en MySpace Comparte en Facebook Comparte en Digg Comparte en Technorati Comparte en Yahoo Comparte en MenĂ©ame
LESSON 1

Just follow the instructions. Open the Notepad and start with this...

<html>
</html>

Every page always starts and ends with the HTML tag. A tag is closed adding /. Most of tags have a closed tag. With tags you give instructions to browsers. What we just have said to the browser is "this is the starting point of the HTML document" (<html>) and "this is the end of the HTML document" (</html>). Now, we need to place information between these tags.


Every HTML document requires a couple of "HEAD" tags

<html>
<head>
</head>
 </html>


At this moment we will use only the "Title" tag inside the "HEAD" tags

<html>
<head>
<title></title>
</head>
</html>


The rest of the document will appear between the "BODY" tags

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>


UPPPSSS! Almost forgot something... add a title to your page Smile

<html>
<head>
<title>My first page</title>
</head>
<body>
</body>
</html>


Now save your page, not as a txt file but as an HTML document. Save it as page1.html If you don't know how to do it, just follow these instructions:

1. From the Notepad's File menu, select "Save as"
2. Chose the directory in which you will save the file.
3. In the field "File Type" select "All files (*.*)"
4. In the field "File name" type in page1.html
5. Click the button "Save" and... done... you have created your first page!

Unfortunately, at this moment your page has nothing but just the title at the top of the browser window. Our next mission is to add something to your page.

The best way to follow these lessons is opening an additional tab or window to see your development while you read this window and work with Notepad.

To open a new tab do the following:

1. From the browser, select "File" menu,
2. Now "New Tab"
3. If you are using Internet Explorer or Firefox, you can open it faster with a shortcut using CTRL + T (to open a new window you have to use CTRL + N... and to move from one window to another use ALT + TAB)

[Lesson 1]   [Lesson 2]   [Lesson 3]   [Lesson 4]   [Lesson 5]   [Lesson 6]   [Comments]

Reproduction of this tutorial is not allowed, please read the following links for further information:
Term of Use / Privacy Policy