-->

HTML Headings

Headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading.

Example:

 

<h1> Heading 1 </h1>

<h2> Heading 2 </h2>

<h3> Heading 3 </h3>

<h4> Heading 4 </h4>

<h5> Heading 5 </h5>

<h6> Heading 6 </h6>

 

Browsers automatically add some white space (a margin) before and after a heading.

 

Headings Are Important

Search engines use the headings to index the structure and content of your web pages.

Users skim your pages by its headings. It is important to use headings to show the document structure.

<h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.

Use HTML headings for headings only. Don't use headings to make text BIG or bold.

Bigger Headings

Each HTML heading has a default size. However, you can specify the size for any heading with the style attribute:

<h1 style="font-size:60px;">Heading 1</h1>

HTML Horizontal Rules/Lines

The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule/line.

The <hr> element is used to separate content (or define a change) in an HTML page:

<h1>This is heading 1</h1>


<p>
This is some text.</p>


<hr>


<h2>
This is heading 2</h2>


<p>
This is some other text. </p>


<hr>

The HTML <head> Element

The HTML <head> element has nothing to do with HTML headings.

The <head> element is a container for metadata. HTML metadata is data about the HTML document. Metadata is not displayed.

The <head> element is placed between the <html> tag and the <body> tag:

Metadata typically define the document title, character set, styles, links, scripts, and other meta information.

HTML Full Example :

 

<!DOCTYPE html>

<html>

                             <head>

                                                <title> HTML Headings </title>

                                                <meta charset="UTF-8">

                             </head>

                             <body>

                                                <h1> Heading 1 </h1>

                                                <h2> Heading 2 </h2>

                                                <h3> Heading 3 </h3>

                                                <h4> Heading 4 </h4>

                                                <h5> Heading 5 </h5>

                                                <h6> Heading 6 </h6>

                                                <hr>

                                                <h1 style="font-size:60px;"  > Large Size Heading </h1>

                                                <p style="font-size:15px;"  > Large Size Paragraph</p>

                                                <hr>

                             </body>

</html>

Inspect an HTML Element:

Right-click on an element (or a blank area), and choose "Inspect" or "Inspect Element" to see what elements are made up of (you will see both the HTML and the CSS). You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens.


HTML शीर्षक

शीर्षकों को <h1> से <h6> टैग के साथ परिभाषित किया गया है।

<h1> सबसे महत्वपूर्ण शीर्षक को परिभाषित करता है, <h6> कम से कम महत्वपूर्ण शीर्षक परिभाषित करता है।

उदाहरण:

<h1> शीर्षक 1 </h1>

<h2> शीर्षक 2 </h2>

<h3> शीर्षक 3 </h3>

<h4> शीर्षक 4 </h4>

<h5> शीर्षक 5 </h5>

<h6> शीर्षक 6 </h6>

ब्राउज़र स्वतः से पहले और बाद में कुछ white space (एक मार्जिन) जोड़ते हैं।

शीर्षकों महत्वपूर्ण हैं।

खोज इंजन शीर्षकों का इस्तेमाल आपके वेब पृष्ठों की संरचना और सामग्री के सूचकांक में करते हैं।

उपयोगकर्ता अपने पृष्ठों को उसके शीर्षकों द्वारा स्किम करते हैं दस्तावेज़ संरचना दिखाने के लिए शीर्षकों का उपयोग करना महत्वपूर्ण है

<h1> शीर्षकों का उपयोग मुख्य शीर्षकों के लिए किया जाना चाहिए, उसके बाद <h2> शीर्षकों, फिर कम महत्वपूर्ण <h3>, और इसी तरह।

शीर्षकों के लिए केवल HTML शीर्षकों का उपयोग करें पाठ को बड़े या बोल्ड बनाने के लिए शीर्षकों का उपयोग न करें

बड़ा शीर्षक

प्रत्येक HTML शीर्षक में एक डिफ़ॉल्ट आकार है। हालांकि, आप Style विशेषता के साथ किसी भी शीर्षक के लिए आकार निर्दिष्ट कर सकते हैं:

<h1 style="font-size:60px;"> शीर्षक 1</h1>

HTML क्षैतिज रेखा

<Hr> टैग एक HTML पृष्ठ में एक विषयगत तोड़ को परिभाषित करता है, और इसे अक्सर क्षैतिज रेखा के रूप में प्रदर्शित किया जाता है

HTML पृष्ठ में सामग्री को अलग करने के लिए </ hr> तत्व का उपयोग किया जाता है (या कोई परिवर्तन परिभाषित करते हैं):

<h1> यह 1 शीर्षक है </h1>


<p>
यह कुछ पाठ है। </p>


<hr>


<h2>
यह 2 शीर्षक है </h2>


<p>
यह कुछ अन्य पाठ है। </p>


<hr>

HTML <head> तत्व

HTML <head> तत्व और HTML शीर्षक एक दूसरे से अलग है।

<Head> तत्व मेटाडाटा के लिए एक कंटेनर है HTML मेटाडेटा HTML दस्तावेज़ के बारे में डेटा है। मेटाडेटा प्रदर्शित नहीं  होता है।

<Head> तत्व <html> टैग और <body> टैग के बीच लिखा जाता है :

उदाहरण :

<!DOCTYPE html>

<html>

                             <head>

                                                <title> HTML शीर्षक </title>

                                                <meta charset="UTF-8">

                             </head>

                             <body>

                                                <h1> शीर्षक 1  </h1>

                                                <h2> शीर्षक 2 </h2>

                                                <h3> शीर्षक 3 </h3>

                                                <h4> शीर्षक 4 </h4>

                                                <h5> शीर्षक 5 </h5>

                                                <h6> शीर्षक 6 </h6>

                                                <hr>

                                                <h1 style="font-size:60px;"  > बड़े आकार का शीर्षक </h1>

                                                <p style="font-size:20px;"  > बड़े फ़ॉन्ट अनुच्छेद </p>

                                                <hr>

                             </body>

</html>

मेटाडेटा आमतौर पर दस्तावेज़ शीर्षक, वर्ण सेट, शैली, लिंक, स्क्रिप्ट और अन्य मेटा जानकारी को परिभाषित करता है।

HTML तत्व की जांच करें:

किसी तत्व (या रिक्त क्षेत्र) पर राइट-क्लिक करें, और तत्वों को देखने के लिए "Inspect" या " Inspect Element" चुनें (आप HTML और CSS को देखेंगे)। आप HTML या CSS को संपादित भी कर सकते हैं।

 

 

Comments


ravi ( Date :12 Feb,2018) :
Good Tutorial kyuki ye hindi or english dono me h