Artikel Terbaru

header ads

HTML Tutorial: First Webpage

HTML TUTORIAL IN HINDI

HTML Tutorial: First Webpage

Hmne HTML Introduction and Basic Tags ki jaankri de chuke hai, agar abhi tak aapne padha nahi hai to pehle Introduction and Basic Tags padh le uske badh hi aage badhe Q ki aapko HTML ka basic aana bhut jaruri hai tabhi aage ki sabhi lesson ko ache se samajh sako ge.

HTML me webpages create karna bhut aasan hai. Is lesson me HTML ki pehla program aur uski body structure ki bare me samjhenge. Ta ki aapko aage jakar koi paresani ki saamna na karna pade.

Basically HTML me webpages create karne  ke liye hame 2 chijo ki jarurat padti hai ek text editor yani Notepad wa Notepad++. Notepad sabhi system me by default install aati hai. Lekin aapko me recommend karunga ki Notepad++ text editor use kare. Isme aapko kafi feature mil jaati hai. Notepad++ Download kare aur Browser me aap koi bhi le sakte ho, Google Chrome, Internet Explore ya Mozila Firebox lekin Google Chrome Download kare acha rahega.

Structure of HTML Program:

Structure ki baat kare to koi kaam ki ek structure hota hai uske follow karke kaam karta hai. Waise hi HTML ka bhi ek common structure hai jo sabhi program me use hota hai. EK baat dhyan rakhe program yani HTML file create karte samay HTML ka 1 bhi tag missing huwa to aapki file run nahi karegi. To chaliye jaante hai.
<! DOCTYPE html>
<html>
<head>
<title> Title of your page</title>
</head>
<body>
This is your main webpage
</body>
</html>
Note:
<!DOCTYPY html>:- yah HTML tag ko define karta hai.
<html>:- yeh sabse mahtwa tag hai jisme ander sabhi HTML lekhi jaati hai.
<title>:- isme aap title likh sakte ho.
<body>:- isme apne webpage ki screen par kya content dekhana chahte ho wo likh dekha sakte hai.

HTML Simple Program:

<!DOCTYPE html>
<html>
<head>
<title> This is my first program </title>
</head>
<body>
<h1> This is my first program </h1>
</body>
</html>
Yeh ek HTML ka simple program hai jisko aap apne text editor me likhe. Jisko aap title me aapki title rahegi “This is my first program” aur body me heading  h1 ke sath aapki browser par show hogi. Heading h1 – h6 hoti hai , jisme aage charcha karege.
Ab us file ko save kare, uske liye text editor ki file option me jakar save kar sakte hai ya CTRL+S daba kar save kare. Dhyan rahe ki save karte samay editor ki by default “.” extension save hogi lekin aapko “.html” extension ke sath save karna hai tabhi jakar wo file HTML file banegi aur Browser run kar payegi. Agar .html extension ke sath file save nahi kiya to browser usko normal file manegi ki html ki “filename.html” likhe.
Save karne ke badh aapki us file ki icon jo aapki computer me default browser hai waisi hogi. Uske badh file ko run kare ( double click on file) . Default browser par run hogi ( kisi browser par kar sakte hai) tab aapko ye result dekhne koi milega.

Is tara se HTML file bana sakte hai aur code run kara sakte ho. Agar aapki file run nahi huwa to aapki file me kuch error hai us karan se run nahi ho pa rahi hai to usse thick karee. Error find karne me aapko paresani ho sakti hai Q ki aapko khud dhodna hai ki error kaha hai.

Previous: Basic Tags
Click here: HTML Attributes   

Post a Comment

0 Comments