top of page
खोज करे

Basic Structures Of Html – एचटीएमएल की बुनियादी संरचना

अपडेट करने की तारीख: 2 अक्तू॰ 2021


Basic Structures Of Html – एचटीएमएल की बुनियादी संरचना | Creative Bloke

हर Web-Page में Html का उपयोग होता हैं और हर जगह इसके Code का Basic Structure लगभग एक जैसा होता हैं। Coding करने से पहले आपको इस बात की जानकारी होना बहुत ज़रूरी हैं।

हर Html Document के मुख्यत: तीन हिस्से होते हैं;

  1. DTD ( Document Type Declaration ) : <!DOCTYPE html>

  2. Main Container : <html> </html>

  3. Head Section : <head> </head>

  4. Body Section : <body> </body>


पूरे Web-Page का Structure इस प्रकार दिखाई देता हैं;

<! DOCTYPE html>_________[ᴅᴛᴅ]
<html>____________________________________[ᴍᴀɪɴ ᴄᴏɴᴛᴀɪɴᴇʀ]
<head>________________________________[ʜᴇᴀᴅ ꜱᴇᴄᴛɪᴏɴ] 
<title> Title of the Web-Page </title> 
</head>________________________________[ʜᴇᴀᴅ ꜱᴇᴄᴛɪᴏɴ] 
<body>_____________________[ʙᴏᴅʏ ꜱᴇᴄᴛɪᴏɴ]
<!--Comment of the Web-Page-->
</body>____________________[ʙᴏᴅʏ ꜱᴇᴄᴛɪᴏɴ]
</html>___________________________________[ᴍᴀɪɴ ᴄᴏɴᴛᴀɪɴᴇʀ]

01]. DTD (Document Type Declaration) :

Html के सबसे Start में हमें Document का Type बताना होता हैं ताकि Browser को यह पता चल सके की यह किस प्रकार का File हैं और वह उसके अनुसार उसे Process कर सके।

इसके लिए <!DOCTYPE> Element का उपयोग किया जाता हैं। Html 5 Version में यह बहुत ही आसान है, इसे कुछ इस प्रकार से लिखा जाता हैं; <!doctype html> यह Code आपको कैसे लिखना हैं, यह निर्भर करता हैं कि आप कौन से Version का HTML उपयाेग कर रहे हैं और आपके File का Type क्या है।


02]. Main Container (<html> </html>):

DTD के बाद में हमें एक Container बनाना होता हैं, जिसमें DTD को छोड़कर Document के सारे Content रखें या लीखें जाते हैं, इसके लिए Opening <html> Tag और Closing </html> Tag का उपयोग किया जाता हैं।

Basic Html Structure - Main Container ( <html> </html> ) | Creative Bloke Bloke

03]. Head Section (<head> </head>):

Main Container के अंदर हमें <head> Tag का उपयोग कर एक Head Section बनाना होता हैं। इसके अंदर हम उस Web-Page के बारे में जानकारी लिखते हैं। यहां पर लिखीं गई जानकारी Browser पर दिखाई नहीं देती। इस Section में पांच प्रकार की चीजें लिखीं जाती हैं;__


Html Tutorials - Head Section | Creative Bloke

  1. Document Title : Web-Page का Title लिखने के लिए <title> Tag का उपयोग किया जाता हैं।

  2. Style Declaration : <style> Element से हम CSS के Codes लिख सकतें हैं।

  3. Client Side Scripts : Functionality Provide करने के लिए jQuery और JavaScript आदि के Code Head Section में लिखें जा सकतें हैं, इसके लिए <script> Tag Use होता हैं।

  4. Meta Elements : कुछ Custom Attributes के लिए <Meta> Tag का उपयोग होता हैं।

  5. Meta Descriptions : अपने Website के Search Engine Optimization और एक अच्छे SEO के लिए अपने Webpage का मेटा डिस्क्रिप्शन्स लिखा जाता हैं।

  6. Meta Keywords : इसमें आप अपने Websites से सम्बंधित जरूर Meta Keywords डालने होते हैं, जो कि बहुत ही जरूरी होता हैं।

  7. Link Elements : किसी External Files या Document को Link करने के लिए <link> का Use होता हैं।

04]. Body Section (<body> </body>):

यह Document का वो हिस्सा हैं, जहां आप अपने वो सारे Contents डालते हैं या लिखते हैं, जिन्हें आप अपने Users को दिखाना चाहते हैं। जैसे; Headings, Paragraphs, Images, Links, Lists, Bullets आदि।


Html Tutorials - Body Section (<body> </body>) | Creative Bloke

Comentarios

bottom of page