Tutorial HTML – 01 Let’s get started in webdesign.
Posted on : 26-02-2010 | By : SurudoiRyu | In : HTML, Tutorials
Tags: design, HTML, site, tutorial, web
0
Hey people,
I want to learn you guy’s something about HTML (Simple static website’s)
I hope you can learn something from these tutorials
Let’s begin!
Open a editor you will like to use. (Notepad, Notepad++ etc.)
I do NOT recommend Word or Wordpad! Most of the time these will scramble your code.
Notepad is good enough, I myself use Notepad++ this editor will aswell highlight your code for easy use,
this way you will make the most less mistakes.
Lets start with the frist thing you will always need.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Explain ?
Everything between <> are called TAG’s these will be reconized by your browser as code.
<HTML> say’s to the browser that you are starting your HTML Code.
<HEAD> This tag will be the first thing that the browser reads.
<TITLE> This must be in your HEAD tag because this need to be readed first in your browser.
<BODY> Here every magic in your website will be placed.
Now save this as index.html.
And double click the file you just created.
If you did everything correctly you will see now an empty website has opend.
You did great if it works and can now edit the file by rightclicking it and select open with. Select here Notepad (or other editor you like to use)
Now change your code to:
<HTML>
<HEAD>
<TITLE>My first website</TITLE>
</HEAD>
<BODY>
Wow… my first website will be the best!
</BODY>
</HTML>
Now save this again!
If you open it again and look at the titlebar. you will see My first website here now!
We did this between the <TITLE> Tags
You must remember to close all your tag’s like title ( <TITLE> </TITLE> ).
Every tage must be closed with a /
You will see aswell the text Wow… my first website will be the best! in the website.
You just placed your first piece in a website!
For this week we leave it this way. I hope next week to come with a greater post.
If you still having trouble or something isn’t working or you don’t get a point feel free to ask me here.
