HTML for Noobs 07-29-2013, 07:54 AM
#1
Hi Everybodoy in HC
Today i want to tell about the html or basic of coding ,If you learn more about html.
Go to
HTML
Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages
With HTML you can create your own Web site.
HTML is easy to learn - You will enjoy it.
What you need to write HTML?
[+] Notepad or Notepad++ or Text Editor(Such as Adobe Dreamweaver,Other IDE)
[+] Browser
[+] Little Brain
if you using window
Start->All Programs->Accessories->notepad
![[Image: 551409_257414751070243_1449055024_n.jpg]](https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/551409_257414751070243_1449055024_n.jpg)
Or
Win+R -> type [ notepad ] and click ok
![[Image: 945860_257414611070257_131692603_n.jpg]](https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/945860_257414611070257_131692603_n.jpg)
Now you see Notpead .I use notepad++
![[Image: 577703_257420631069655_1124485100_n.jpg]](https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-frc1/577703_257420631069655_1124485100_n.jpg)
Let get start
First off,I want to show you html structure
This is the main structure of HTML
Ok.Now you select Save as in Notepad file menu.
When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.I save with name basic.html
Now , We need to find the our Output
Open you web brower and put the link your save name basic.html Or
Double click on your basic .html
Now you see the Result ,check in browser bar ..
![[Image: 935616_257414767736908_1236433166_n.jpg]](https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/935616_257414767736908_1236433166_n.jpg)
it empty in body section because we don't add text
Ok.Now we need to write to see more output in page
![[Image: iqhhts.png]](http://i42.tinypic.com/iqhhts.png)
This is very simple for html
Next part,we will learn elements
Sorry for my bad english.
Thanks for Reading
Written by 133720
Ref : W3schools
Continue..Part2
Today i want to tell about the html or basic of coding ,If you learn more about html.
Go to
Code:
http://www.w3schools.com/htmlHTML
Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages
With HTML you can create your own Web site.
HTML is easy to learn - You will enjoy it.
What you need to write HTML?
[+] Notepad or Notepad++ or Text Editor(Such as Adobe Dreamweaver,Other IDE)
[+] Browser
[+] Little Brain
if you using window
Start->All Programs->Accessories->notepad
![[Image: 551409_257414751070243_1449055024_n.jpg]](https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/551409_257414751070243_1449055024_n.jpg)
Or
Win+R -> type [ notepad ] and click ok
![[Image: 945860_257414611070257_131692603_n.jpg]](https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/945860_257414611070257_131692603_n.jpg)
Now you see Notpead .I use notepad++
![[Image: 577703_257420631069655_1124485100_n.jpg]](https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-frc1/577703_257420631069655_1124485100_n.jpg)
Let get start
First off,I want to show you html structure
Code:
<html>
<head>
<title>Title</title>
</head>
<body>
</body>
</html>This is the main structure of HTML
Ok.Now you select Save as in Notepad file menu.
When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.I save with name basic.html
Now , We need to find the our Output
Open you web brower and put the link your save name basic.html Or
Double click on your basic .html
Now you see the Result ,check in browser bar ..
![[Image: 935616_257414767736908_1236433166_n.jpg]](https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/935616_257414767736908_1236433166_n.jpg)
it empty in body section because we don't add text
Ok.Now we need to write to see more output in page
Code:
<html>
<head>
<title>Title</title>
</head>
<body>
Hello HC Members
</body>
</html>![[Image: iqhhts.png]](http://i42.tinypic.com/iqhhts.png)
This is very simple for html
Next part,we will learn elements
Sorry for my bad english.
Thanks for Reading
Written by 133720
Ref : W3schools
Continue..Part2
![[Image: 946696_301886219956429_1080285596_n.jpg]](https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/946696_301886219956429_1080285596_n.jpg)
áąááąááá˛áááŽá¸ááášáá˝á ášáąááŹáášááśáŻá¸áááŻáĄááášá¸ááşá ášáááš


![[+]](https://sinister.li/images/modern/collapse_collapsed.png)
![[Image: OilyCostlyEwe.gif]](http://fat.gfycat.com/OilyCostlyEwe.gif)


![[Image: 2YpkRjy.png]](http://i.imgur.com/2YpkRjy.png)

![[Image: rytwG00.png]](http://i.imgur.com/rytwG00.png)