Paragraph Tag
हेलो दोस्तों HTML Tutorials के इस Lesson में हम आपको HTML Paragraph Element की पूरी जानकारी देंगे. आप जानेंगे कि
HTML Paragraph Element क्या है? HTML Document में Paragraph Define कैसे किया जाता है?
Introduction to HTML Paragraph
एक HTML Document के Main Content को Paragraphs के माध्यम से लिखा जाता है. HTML में P Element द्वारा Paragraph को
Define किया जाता है. HTML P Element का पूरा नाम HTML Paragraph Element होता है.
अगर आपने HTML Heading वाली Post पड़ी होगी तो मेने उसमे आपको heading के बारे में बताया था की HTML में किसी भी
artical या main componet की Main Important Line को highlight करने के लिए Heading का उसे किया जाता है इतना तो
हमने समझ लिया था अगर अब उसे के Paragraphs को HTML में Show करने के लिए हम P Tag का use करते है।
HTML में पैराग्राफ टैग का बहुत ज्यादा यूज किया जाता हैं । किसी भी वेबसाइट में कंटेंट बहुत जरूरी होता हैं ताकि उस
वेबसाइट के पेज के बारे में यूजर पढ़ सकते हैं । HTML paragraph tag में टेक्स्ट को लिखा जाता हैं ।
साधारण Hindi भाषा में कहे तो जैसे हम कोई भी पैराग्राफ लिखते हैं और उसको बाद पढ़ते हैं । परन्तु HTML लैंग्वेज में
वो पैराग्राफ , HTML Paragraph tag p tag में लिखा जाता हैं। एक पेज में कितने भी पैराग्राफ हो सकते हैं। सभी
पैराग्राप के लिए HTML पैराग्राफ टैग का यूज किया जाता हैं ।
आमतौर पर छोटे टुकड़ों में बड़े दस्तावेज़ को Divided करते हुए paragraph का use करना एक अच्छा अभ्यास होता
है।हालांकि, HTML, ब्राउज़र Enter Key द्वारा बनाए गए स्थान को नहीं समझता है। इसलिए, एक विशेष Element या Tag
अर्थात्, p को उस paragraph तत्व के रूप में जाना जाता है, जहां से हम एक नया paragraph शुरू करना चाहते हैं।
HTML P Element एक Block Level Element होता है. जो Content को Blocks में दिखाता है. मतलब Text
का एक समूह बन जाता है.
आप एक Webpage में एक से ज्यादा Paragraph Define कर सकते है. प्रत्येक New Paragraph को Opening
Tag द्वारा Define किया जाता है. और Closing </p > Tag द्वारा बंद किया जाता है.
Important Point of Paragraph Tag
HTML में P(Paragraph) Element एक Basic HTML Tag है. जिसे Block Level Element भी कहा जाता है.
HTML Paragraph को <p> Tag द्वारा Define किया जाता है. और Closing </p> Tag द्वारा बंद किया जाता है.
Note – Closing </p> Tag का इस्तेमाल जरूर करें.
P Element में सभी Global Attributes का उपयोग किया जा सकता है. इसके अलावा P Element Event Attributes को भी
Support करता है.
सभी ब्राउजर Paragraph के ऊपर और नीचे कुछ Space Add कर देते है. यह कार्य Browsers’ कि Built-in Style Sheet द्वारा
होता है.
ब्राउजरों की Default Style को Additional CSS द्वारा Override किया जा सकता है.
Example of HTML Paragraph
ऊपर लिखे गए HTML Code को paragraph.html के नाम से Save कीजिए. और इसे अपने पसंदीदा ब्राउजर में Open कीजिए. यह HTML File आपको इस प्रकार का जो निचे दिखाया गया है Output Display करेगी.
Paragraph Alignment
By Default HTML Paragraph का Alignment Left होता है. मतलब Paragraph Browser Window में बांई तरफ से शुरू होकर
दांए तरफ जाता है. Paragraph की यहिं Setting आप समाचारपत्रों, पत्रिकाओं में भी देखते है.
आप Paragraph की Default Alignment को Align Attribute के द्वारा Override कर सकते है. HTML Align Attribute के
द्वारा एक Paragraph के लिए चार Alignments Set किए जा सकते है.
- Left Alignment
- Right Alignment
- Center Alignment
- Justify Alignment
Left Alignment
Left Alignment HTML Paragraphs में By Default ही Set होता है. इस Alignment में Paragraph Browser Window में बांए
से दांए तरफ जाता है. दुनिया की अधिकतर भाषाओं के लेखन कार्य में Left Alignment का ही उपयोग किया जाता है.
आप Left Alignment इस प्रकार Set कर सकते है.
Right Alignment
Right Alignment से Paragraph Browser Window में दांए तरफ सरक जाता है. लेकिन, उसे पढा तो बांए से दांए ही जाता है. Paragraph का Right Alignment इस प्रकार Set किया जाता है.
Center Alignment
Center Alignment से Paragraph Browser Window के बिल्कुल बीचोबीच (Center ) में आ जाता है. Paragraph के बांए और दांए तरफ बराबर का Margin Set हो जाता है. और Paragraph Center में दिखाई देता है. इस प्रकार का Alignment इस प्रकार Set किया जाता सकता है.
Justify Alignment
Justify Alignment जादातर अखबार और पत्रिकाओं में दिखाई देता है. और ज्यादातर औपचारिक लेखन में Justify Alignment का ही उपयोग किया जाता है. इस Alignment से Paragraph Text के बांए और दांए तरफ बराबर का Space रहता है. Paragraph में Justify Alignment को इस प्रकार Set किया जाता है.
Paragraph Alignment Example
हमने ऊपर बताए गए सभी Alignments को एक साथ लिखकर एक उदाहरण तैयार किया है. जिसमे सभी Alignments को अलग-अलग Paragraphs पर Apply करके दिखाया गया है. आप भी नीचे लिखे गए HTML Codes को अपने Notepad में Copy करके Paste कीजिए. या फिर अपने हाथों से Type कीजिए.
ऊपर दिए गए HTML Code को paragraph-alignment.html के नाम से Save कीजिए. और इसे अपने ब्राउजर में Open कीजिए. यह कोड आपको इस प्रकार का Output दिखाएगा.
Output
This paragraph is left align.
This paragraph is right align.
This paragraph is center align.
This paragraph is justify align.
Line Breaks
जब आप एक Paragraph में ही New Line शुरू करना चाहते है तो इसके लिए <br> Element का उपयोग किया जाता है.
<br> Element एक Paragraph में नयी लाईन Define करता है. आप अपनी मर्जी के अनुसार Line Breaks दे सकते है. आप
Line Breaks की कोडिंग इस प्रकार कर सकते है. नीचे देंखे
Horizontal Tag
एक HTML <hr > टैग का उपयोग दो या दो से ज्यादा paragraphs के बीच एक horizontal Line देने के लिए Use किया जाता है। निचे एक Example की मदत से पैराग्राफ के साथ </hr >टैग का उपयोग दिखा रहा है।
Some Text Here
Another Text Here
जैसा की आपने ऊपर Example में देखा की कैसे हम एक horizontal Line दे सकते है अगर आपको Vertical Line देनी है तो सिर्फ आपको hr की जगह vr लिख दीजिये Vertical Line You दोस्तों उम्मीद है आपको सब समझ आया होगा अगर कोई दिकत आती है तो आप Comment Section में हमसे Share कर सकते है ।