This Website for Those Students who are searching for a platform to study online in their own Language Hindi, on this website they will learn all courses like IAS, programming, web designing, data science, and competitive exam preparation, etc.


HTML - Heading Tag

HTML - Heading Tag

Heading Tag





हेलो दोस्तों कैसे हो आप लोग उम्मीद है आप और आपका परिवार स्वस्थ है तो आज हम Heading के बारे में विस्तार से जानेंगे तो चलिए सुरु करते है। इस Lesson में हम आपको HTML Heading Tag के बारे में पूरी जानकारी देंगे.

तो आप सब लोग Heading के बारे में तो जानते होंगे अगर नहीं फिर भी में बता देता हु किसी भी document का जो highlighted और जो Main Part होता है उसे उस पर reader का धयान लाने के लिए थोड़ा बड़ा और bold लिखते है तो इसे Heading कहते है.
जैसे समाचार पत्रों और पत्रिकाओं में पाठकों का ध्यान आकर्षित करने के लिए Headings का उपयोग किया जाता है. आकर्षक शीर्षक को पढकर Readers Main content तक पहुँचते है.

Heading का प्रयोग page को title देने के लिए किया जाता है। जैसे की आपने अभी तक कई post पढ़े होंगे और post में heading भी पढ़े होंगे। Heading से readers को short idea लग जाता है की वह क्या पढ़ रहें हैं और आगे क्या पढ़ेगें ।

आर्टिकल को पढने से पहले reader हमेशा heading को पढ़ता है। यदि वह heading reader को पसंद आये या उसमे interested तो वह उसे जरुर पढ़ता है। Heading से reader यह पता लगाने की कोशिश करता है की जो मुझे informaction चाहिए वह इस आर्टिकल में है या नहीं।

Heading हमेशा ही size में बड़ा और bold होता है। यह web page पर आराम से पहचाना जा सकता है। इसी तरह Webpages, Blog Posts या अन्य Web Writings में भी Headings का इस्तेमाल Readers का ध्यान आकर्षित करने के लिए किया जाता है.

HTML Heading बहुत ही महत्वपूर्ण है। Search Engines हमेशा Heading की पहचान करके web page को index करता है। इसलिए आपने देखा होगा की हर web page में heading दिया जाता है। क्योंकि इसके बिना web page, search engines में index नहीं हो सकता है।
heading के भी कुछ types होते है। जिनके लिए html, 6 different level की heading provide करती है , h1 से h6 तक

H1 Heading


h1 :– यह main heading को define करने के लिए use किया जाता है। इसे आपको पुरे document में एक ही बार use करना चाहिए।

<h1> this is the main heading</h1>

H2 Heading


h2 :- यह subheading tag होता है। इसके द्वारा आप subheadings define करते है। किसी बड़े section को आप इस tag द्वारा कई sections में divide कर सकते है।

<h2> this is the main heading</h2>

H3 Heading


h3 :- यह minor heading tag है। इस heading के द्वारा आप subtopics को भी define कर सकते है।

<h3> this is the main heading</h3>

H4 Heading


h4 :- यह fourth level का heading tag होता है। इसका use किसी बड़े Topic को छोटे Sections में बांटने के लिए किया जाता है।

<h4> this is the main heading</h4>

H5 Heading


h5 :- यह fifth level heading tag होता है, और इससे भी आप headings को define करते है। लेकिन इसे deep level पर content को define करने के लिए use किया जाता है।

<h5> this is the main heading</h5>

h6 :– यह sixth level heading tag है। यह heading normal text के बहुत करीब होती है। इससे आप कई topics को list के रूप में present कर सकते है।


<h6> this is the main heading</h6>

Example of HTML Heading


अब आप HTML Headings के बारे में पूरी जानकारी हो गई है. अब समय है जो आपने अब तक सीखा है. उसे व्यावहारिक रूप में उपयोग करने का. इस कार्य के लिए हमने एक उदाहरण तैयार किया है. जिसका उपयोग करने के बाद HTML Headings का Concept बिल्कुल Clear हो जाएगा.
नीचे लिखे HTML Code को Copy करके नोटपैड में Paste कीजिए या फिर इस Code को अपने हाथों से सीधे Notepad में Type कीजिए.

<html> <body> <h1>This is First Level Heading</h1> <h2>This is Second Level Heading</h2> <h3>This is Third Level Heading</h3> <h3>This is Fourth Level Heading</h3> <h5>This is Fifth Level Heading</h5> <h6>This is Sixth Level Heading</h6> </body> </html>

ऊपर लिखे गए HTML Code को आप heading.html के नाम से Save कीजिए. और इसे Open कीजिए. आपके सामने यह उदाहरण इस प्रकार का Output दिखाएगा.


This is First Level of Heading.

This is Second Level of Heading.


This is Third Level of Heading


This is Fourth Level of Heading.


This is Fifth Level of Heading.

This is Sixth Level of Heading.





इस Lesson में हमने आपको HTML Headings के बारे में बताया है.
आपने HTML Headings क्या है?

HTML Headings के प्रकार और HTML Headings का महत्व के बारे मे भी जाना है.
हमे उम्मीद है कि यह Lesson में आप HTML Heading के बारे में पुरी जानकारी मिल गयी होगी अगर आपको फिर भी कुछ समझने में दिकत आयी तो है हमें comment box में कमेंट करे हम पूरी कोसिस करेंगे आपकी Query solve करने की और हा दोस्तों plz आप Subcribe जरूर करियेगा ताकि जब भी में कोई नई Post डालू तो आपको Email के माध्यम से पता लग जाये धयानयवाद.

Previous
Next Post »

Quote

"Educationists should build the capacities of the spirit of inquiry, creativity, entrepreneurial and moral leadership among students and become their role model."

Dr. Abdual Kalam