एचटीएमएल ट्यूटोरियल

एचटीएमएल होम एचटीएमएल परिचय एचटीएमएल संपादक एचटीएमएल बेसिक एचटीएमएल तत्व एचटीएमएल गुण एचटीएमएल शीर्षक एचटीएमएल पैराग्राफ एचटीएमएल शैलियाँ एचटीएमएल स्वरूपण एचटीएमएल कोटेशन एचटीएमएल टिप्पणियाँ एचटीएमएल रंग एचटीएमएल सीएसएस एचटीएमएल लिंक एचटीएमएल छवियाँ एचटीएमएल फ़ेविकॉन एचटीएमएल टेबल्स एचटीएमएल सूचियां एचटीएमएल ब्लॉक और इनलाइन एचटीएमएल क्लासेस एचटीएमएल आईडी एचटीएमएल इफ्रेम्स एचटीएमएल जावास्क्रिप्ट HTML फ़ाइल पथ एचटीएमएल हेड एचटीएमएल लेआउट एचटीएमएल उत्तरदायी एचटीएमएल कंप्यूटर कोड HTML शब्दार्थ एचटीएमएल स्टाइल गाइड एचटीएमएल इकाइयां एचटीएमएल प्रतीक एचटीएमएल इमोजी एचटीएमएल वर्णसेट एचटीएमएल यूआरएल एनकोड एचटीएमएल बनाम एक्सएचटीएमएल

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

एचटीएमएल संदर्भ

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल पैराग्राफ


एक पैराग्राफ हमेशा एक नई लाइन पर शुरू होता है, और आमतौर पर टेक्स्ट का एक ब्लॉक होता है।


एचटीएमएल पैराग्राफ

HTML <p>तत्व एक पैराग्राफ को परिभाषित करता है।

एक पैराग्राफ हमेशा एक नई लाइन पर शुरू होता है, और ब्राउज़र स्वचालित रूप से पैराग्राफ के पहले और बाद में कुछ सफेद स्थान (एक मार्जिन) जोड़ते हैं।

उदाहरण

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

एचटीएमएल डिस्प्ले

आप सुनिश्चित नहीं हो सकते कि HTML कैसे प्रदर्शित होगा।

बड़ी या छोटी स्क्रीन, और आकार बदलने वाली विंडो अलग-अलग परिणाम देंगी।

एचटीएमएल के साथ, आप अपने एचटीएमएल कोड में अतिरिक्त स्पेस या अतिरिक्त लाइन जोड़कर डिस्प्ले को नहीं बदल सकते।

पृष्ठ प्रदर्शित होने पर ब्राउज़र स्वचालित रूप से किसी भी अतिरिक्त रिक्त स्थान और रेखाओं को हटा देगा:

उदाहरण

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>


HTML क्षैतिज नियम

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

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

उदाहरण

<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>

टैग एक <hr>खाली टैग है, जिसका अर्थ है कि इसका कोई अंत टैग नहीं है।


एचटीएमएल लाइन ब्रेक

HTML <br>तत्व एक लाइन ब्रेक को परिभाषित करता है।

<br>यदि आप एक नया पैराग्राफ शुरू किए बिना एक लाइन ब्रेक (एक नई लाइन) चाहते हैं तो इसका उपयोग करें :

उदाहरण

<p>This is<br>a paragraph<br>with line breaks.</p>

टैग एक <br>खाली टैग है, जिसका अर्थ है कि इसका कोई अंत टैग नहीं है।


कविता समस्या

यह कविता एक ही पंक्ति में प्रदर्शित होगी:

उदाहरण

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

समाधान - HTML <pre> Element

HTML <pre>तत्व पूर्व-स्वरूपित पाठ को परिभाषित करता है।

एक तत्व के अंदर का पाठ <pre>एक निश्चित-चौड़ाई वाले फ़ॉन्ट (आमतौर पर कूरियर) में प्रदर्शित होता है, और यह रिक्त स्थान और लाइन ब्रेक दोनों को संरक्षित करता है:

उदाहरण

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

एचटीएमएल व्यायाम

व्यायाम के साथ खुद को परखें

व्यायाम:

"हैलो वर्ल्ड!" टेक्स्ट के साथ एक पैराग्राफ जोड़ने के लिए सही HTML टैग का उपयोग करें।

<html>
<शरीर>

</body>
</html>


एचटीएमएल टैग संदर्भ

W3Schools के टैग संदर्भ में HTML तत्वों और उनकी विशेषताओं के बारे में अतिरिक्त जानकारी होती है।

Tag Description
<p> Defines a paragraph
<hr> Defines a thematic change in the content
<br> Inserts a single line break
<pre> Defines pre-formatted text

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।