Web lesson 1
( Introduction in HTML )
( Introduction in HTML )
Hi and welcome to web design lessons!
As i promised that i will be posting lessons for html, finally here they are. Now if you wanted to own a website you have to know html, css, php,...
We are going to start from the html. HTML is the basic one so you need to know it before you move one to others. Starting with html is easy but you have to do many of tasks to obtain routine. Okay, so let's start.
HTML code is being written in Notepad, but i suggest to use Notepad++.
You can download Notepad++ here :
Downloading and installing Notepad++ is easy and quick.
When you done that we can continue. Like in C language, HTML is starting always with a tag <html>. When ever you write come command (tag) you have to write < and >. When you wrote <html> you have to close it, and closing is when you put / on front of a tag ( </html> ).
Every time you write some tag you have to close, it except in special cases.
- example:
<html>
....
</html>
Inside html tag, next thing you need to do is to write <head> and close it </head>. In head tag you define how do you want to your site look. But for now we won't be doing that.
As you can see when you open the site on the tab on top of browser there is some text about that website. If you wonder how do they put that, well it's easy. Inside <head> tag you write <title> and close it. Between <title> and </title> you just write anything you want.
- exampe :
<html>
<head>
<title> Test </title>
</head>
....
</html>
After you done that there is one more thing to do. When you closed head tag the main thing is body tag ( <body> ). Inside body tag you write the main code for your website. You also need to close the body tag ( </body> ). For this lesson just write some text that you want to appear on screen.
- example :
<html>
<head>
<title> WEB DESIGN</title>
</head>
<body>
This is my firs website with html
</body>
</html>
When you done this next thing you need to do is to save file. You can't just save it in .txt format, you need to go to File > Save as and save it like html file ( name.html ).
When you done this and hit save it your ready to see what have you done. Go to folder where have you saved it and open it. It should print on screen ( "This is my first website with html" ).
Every time you write some tag you have to close, it except in special cases.
- example:
<html>
....
</html>
Inside html tag, next thing you need to do is to write <head> and close it </head>. In head tag you define how do you want to your site look. But for now we won't be doing that.
As you can see when you open the site on the tab on top of browser there is some text about that website. If you wonder how do they put that, well it's easy. Inside <head> tag you write <title> and close it. Between <title> and </title> you just write anything you want.
- exampe :
<html>
<head>
<title> Test </title>
</head>
....
</html>
After you done that there is one more thing to do. When you closed head tag the main thing is body tag ( <body> ). Inside body tag you write the main code for your website. You also need to close the body tag ( </body> ). For this lesson just write some text that you want to appear on screen.
- example :
<html>
<head>
<title> WEB DESIGN</title>
</head>
<body>
This is my firs website with html
</body>
</html>
When you done this next thing you need to do is to save file. You can't just save it in .txt format, you need to go to File > Save as and save it like html file ( name.html ).
 |
| Saving file like html |
Okay that's it for this lesson come back to learn more about HTML.
I will be posting more lessons about HTML, so follow me, share, comment if there is something you would change :) .
If something doesn't work or you need help just email me on: sashans89@gmail.com and i will help you.
See you next time, Bye.
See you next time, Bye.
Sasha
No comments:
Post a Comment