Skip to main content

HTML5 Tutorial Chapter 1: Basic Structure and Introduction - Piyush Yadav LPM

                                          
HTML
HTML 

HTML Chapter 1: HTML Ka Parichay (Introduction to HTML)

​Agar aap web development ki duniya mein kadam rakh rahe hain, toh HTML sabse pehli seekhni hai. Is blog mein hum jaanenge ki HTML kya hai aur yeh kaise kaam karta hai.

​1. HTML Kya Hai? (What is HTML?)

​HTML ka pura naam HyperText Markup Language hai.

  • HyperText: Iska matlab hai "Text ke andar text." Yaani aise links jo aapko ek web page se doosre page par le jate hain.
  • Markup Language: Yeh koi programming language nahi hai, balki ek aisi language hai jo "Tags" ka istemal karke web page ka layout ya structure taiyar karti hai.

​2. HTML Ka Itihas (History of HTML)

​HTML ko Tim Berners-Lee ne 1991 mein banaya tha. Tab se lekar ab tak isme bahut saare badlav aaye hain. Aaj ke samay mein hum HTML5 ka istemal karte hain, jo iska sabse naya aur powerful version hai.

​3. HTML Document Ka Basic Structure

​Har HTML file ka ek nishchit dhaanchan (structure) hota hai. Niche diye gaye code ko dekhiye:

<!DOCTYPE html>

<html>

<head>

    <title>Meri Pehli Website</title>

</head>

<body>

    <h1>Namaste Duniya!</h1>

    <p>Yeh mera pehla HTML page hai.</p>

</body>

</html>

Tags ka Matlab:

<!DOCTYPE html>: Yeh browser ko batata hai ki hum HTML5 ka use kar rahe hain.

<html>: Yeh HTML page ka main container hai. Saara code isi ke andar hota hai.

<head>: Isme website ki jankari (Meta data) hoti hai jo page par dikhti nahi hai, jaise ki Page Title.

<title>: Browser ke tab mein jo naam dikhta hai, wo yahan se aata hai.

<body>: Iske andar wo sab kuch hota hai jo aapko browser par dikhayi deta hai (Heading, Paragraph, Images).

4. HTML Ke Liye Kya Chahiye? (Tools Needed)

HTML seekhne aur likhne ke liye aapko kisi bhari-bharkam software ki zarurat nahi hai. Sirf do cheezein chahiye:

Text Editor: Jaise ki Notepad (Windows), TextEdit (Mac), ya sabse best VS Code.

Web Browser: Jaise ki Google Chrome, Firefox, ya Microsoft Edge.

5. HTML File Ko Save Kaise Karein?

Jab aap apna code likh lein, toh file ko hamesha .html extension ke saath save karein.

Example: index.html ya myweb.html

Conclusion

HTML web design ki buniyad hai. Bina HTML ke koi bhi website nahi ban sakti. Agle chapter mein hum seekhenge ki HTML Tags aur Elements kya hote hain.

Comments