Skip to main content

Basic HTML Web Page Structure

 

Basic HTML Web Page Structure in Hindi.

HTML Document के Basic Structure की पूरी जानकारी.

HTML Document या एक HTML Page का निर्माण HTML Elements और HTML Tags से होता है. HTML Page को आप Webpage के नाम से भी जानते है.

एक अखबार (Newspaper) या पत्रिका लेख (Magazine Article) की बनावट के अनुरूप ही एक HTML Page का Structure होता है. एक सामान्य पत्रिका लेख में Headings (शीर्षक), Paragraphs, Sub-headings (उपशीर्षक) आदि होते है. ठीक यही चीजे एक Basic HTML Document में भी होती है.

 एक HTML Document में भी शीर्षक, Paragraphs तो होते ही है. इनके अलावा भी कई और चीजे एक HTML Page में होती है. जिनके बारे में नीचे बताया जा रहा है.

Table of Content



HTML Page Structure

  1.  The Doctype Element
  2.  The html Element
  3.  The head Element
  4. The body Element

HTML Web Page Basic Structure

एक Basic HTML Document Structure चार चीजों से मिलकर बनता है. जिन्हें आप नीचे Image में देख सकते है.




1.     The Doctype Element

2.     The html Element

3.     The head Element

4.     The body Element

ये चार चीजे या यूँ कहे कि चार HTML Tag एक HTML Document का ढाँचा या कंकाल (Skeleton) बनाते है. इस HTML Page के कंकाल के ऊपर हमारा सारा कार्य निर्भर रहता है. ये चार HTML Tags एक HTML Page Structure में शामिल होते है. आईए अब प्रत्येक HTML Tag के बारे में जानकारी लेते है.

1. The Doctype Element

DOCTYPE Element का पूरा नाम Document Type Definition है. इस Tag से हमे Document Type और HTML Version इन दो चीजों के बारे में जानकारी मिलती है.

Document Type Computer को बताता है कि यह एक HTML Document है. और HTML Version से हमे HTML Version की जानकारी मिलती है कि इस HTML Document में HTML का कौनसा Version इस्तेमाल किया गया है.

 HTML Version और Document Type Declaration का उपयोग Browser द्वारा HTML Page को सही तरह और पूरी तरह समझने के लिये किया जाता है. इसलिए Doctype Declaration को हमे HTML Page बनाते समय जरूर लिखना चाहिए.

2. The html Element

Doctype Declaration के तुरंत बाद Opening <html> Tag को लिखा जाता है. HTML Element HTML Page का Root Element होता है. Opening HTML Tag <html> और Closing HTML Tag </html> के बीच में ही अन्य HTML Tags को लिखा जाता है.

3. The head Element

Head Element के द्वारा HTML Document के Head Part को Define किया जाता है. इस Element की HTML Page में महत्वपूर्ण भूमिका होती है.

Head Element का उपयोग Browsers और Search Engines को HTML Document यानि Webpage के बारे में सूचना (Information) देने के लिए किया जाता है.

 HTML के Head Element में एक Title element लिखा जाता है. Title Tag के द्वारा HTML Document का Title लिखा जाता है. Document Title Browser Window और SERPs यानि Search Engine Result Pages में दिखाई देता है.





Title के अलावा एक Webpage के बारे में अतिरिक्त जानकारी Meta Tag द्वारा लिखि जाती है. इस जानकारी में Page Description, Keywords, Page Authorship Information, Author Name, Character Encoding, Browser Instruction आदि शामिल है. इस जानकारी को सामूहिक रुप में Meta Data कहा जाता है. Meta Data Users के लिए उपलब्ध नही रहता है. क्योंकि यह जानकारी Actual Content का हिस्सा नही होती है.

कुछ External Resources जैसे JavaScript, External StyleSheets भी Head Element में ही जोडी जाती है. External Page Resources को HTML Document में जोडने के लिए Link Tag का उपयोग किया जाता है.

4. The body Element

आपको जो हिस्सा इस Lesson में दिखाई दे रहा है. वो सभी Body Element के भीतर ही लिखा गया है. अर्थात एक Webpage का जो भाग हमें Browser Window में दिखाई देता है. वो सबकुछ Body Tag में लिखा जाता है.

Body Tag एक HTML Document का Main Container होता है. Page Headings, Paragraphs, Sub-headings को Body Element के भीतर ही लिखा जाता है. Graphics, Multimedia Files, या अन्य कोई भी जानकारी जो आप User को दिखाना चाहते है. इसी Element के अंदर लिखी जाती है.

 

Comments

Post a Comment

knowledgeable post

Popular posts from this blog

HEADING TAG IN HTML

HEADING TAG HTML headings are used to create a hierarchical structure for the content on a webpage. They range from level 1 (the most important) to level 6 (the least important). The most commonly used heading tags are H1, H2, and H3. The H1 heading is typically used for the main title of the webpage, while H2 and H3 headings are used for subheadings and sub-subheadings, respectively. To create a heading in HTML, you can use the following syntax: <h1>This is a level 1 heading</h1> <h2>This is a level 2 heading</h2> <h3>This is a level 3 heading</h3> <h4>This is a level 4 heading</h4> <h5>This is a level 5 heading</h5> <h6>This is a level 6heading</h6> source code for heading tag: <!DOCTYPE html > <html lang= "en" > <head>     <meta charset= "UTF-8" >     <meta http-equiv= "X-UA-Compatible" content= "IE=edge" >     <meta name= "v...

HTML सीखने के लिए Right Tools and Skills की जानकारी.

  HTML सीखने के लिए Right Tools and Skills की जानकारी.   लेखक   RAVINDRA CHAUBEY HTML को सीखने के लिए आवश्यक Tools और Skills क़े बारे में जानीए. HTML Codes लिखने के लिए और HTML से Website बनाने से पहले ये जानना जरूरी है कि आप और आपका   Computer  HTML Codes लिखने के लिए बिल्कुल तैयार है ? क्योंकि HTML को लिखने और HTML से Website बनाने के लिए कुछ Technical Skills और Tools की जरूरत पडती है. जिनकी सहायता से HTML Codes को लिखा और देखा जाता है. इस Lesson में हम आपको HTML Codes को लिखने के लिए आवश्यक Technical Skills और कुछ जरूरी Right Tools के बारे में ही बताऐंगे. ताकि यह पक्का हो सके कि आप और आपका कम्प्युटर HTML Codes से   Webpage   बनाने के लिए बिल्कुल तैयार है. इस Lesson को हमने निम्न भागों में विभाजित किया है. Table of Content HTML लिखने के लिए आवश्यक Technical Skills Computer Fundamentals का ज्ञान – Knowledge of Computer Fundamentals Keyboard की जानकारी – Knowledge of Keyboard HTML लिखने के लिए जरुरी Right Tools Text Editor Web Browser 1. ...