โ† All Lessons
LESSON 02

HTML File Kaise Banaye

Is lesson mein aap seekhenge ki HTML file kaise banani hai, code kahan likhna hai aur browser mein website kaise open karni hai.

๐Ÿ’ป VS Code Kya Hai?

Hindi

VS Code ek code editor hai. Iska use HTML, CSS aur JavaScript jaise code likhne ke liye kiya jata hai. Website banane ke liye hum VS Code mein apni files create kar sakte hain.

English

VS Code is a code editor. It is commonly used to write HTML, CSS and JavaScript code. We can create and edit website files using VS Code.

๐Ÿ“ Step 1 โ€” New Folder Banaye

Hindi

Sabse pehle apne computer par ek folder banaye. Is folder ke andar aapki website ki files rahengi.

Example:

My Website

English

First, create a new folder on your computer. Your website files will be stored inside this folder.

๐Ÿ“„ Step 2 โ€” HTML File Banaye

Hindi

VS Code mein apna folder open karein. Ab ek new file banaye aur uska naam rakhein:

index.html

HTML file ka extension .html hota hai.

English

Open your folder in VS Code. Create a new file and name it:

index.html

HTML files use the .html extension.

๐Ÿ“ Step 3 โ€” Code Likhein

Hindi

Ab index.html file ke andar HTML code likhein. Example:

<!DOCTYPE html>

<html>

<head>
    <title>My Website</title>
</head>

<body>

    <h1>Hello World</h1>

    <p>Welcome to my website.</p>

</body>

</html>

English

This is a basic HTML document. The browser reads this code and displays the webpage.

๐Ÿ’พ Step 4 โ€” File Save Karein

Hindi

Code likhne ke baad file ko save karein. VS Code mein keyboard se:

Ctrl + S

Save karne ke baad aapki HTML file ready hai.

English

After writing the code, save the file using:

Ctrl + S

๐ŸŒ Step 5 โ€” Browser Mein Website Open Karein

Hindi

Ab apne folder mein index.html file ko open karein. File par double-click karne se webpage browser mein open ho sakta hai.

Browser aapke HTML code ko webpage ke form mein dikhayega.

English

Open the index.html file from your folder. Double-clicking the file can open the webpage in your browser.

The browser reads your HTML code and displays it as a webpage.

๐Ÿ‘€ Browser Mein Result

Hindi

Agar aapne upar wala code use kiya hai, to browser mein heading aur paragraph เคฆเคฟเค–เคพเคˆ เคฆเฅ‡เค‚เค—เฅ‡.

Hello World

Welcome to my website.

English

The browser will display the heading and paragraph written in your HTML code.

๐Ÿ’ก Important

HTML file ka naam sahi hona chahiye. Website ki main file ko commonly index.html naam diya jata hai. Code change karne ke baad file save karna zaroori hai.