Jupyter Notebook में Markdown ट्यूटोरियल

Headings

हेडिंग्स '#' यानी हैश प्रतीक और उसके बाद स्पेस से शुरू होती हैं, और कुल छह हेडिंग्स होती हैं—सबसे बड़ी हेडिंग में केवल एक हैश प्रतीक और सबसे छोटी में छह हैश प्रतीक होते हैं।

# (Header 1, title)

## (Header 2, major headings)

### (Header 3, subheadings)

#### (Header 4)

##### (Header 5)

###### (Header 6)``

वैकल्पिक रूप से, हेडिंग्स मार्कअप टैग्स से भी शुरू हो सकती हैं, यानी h1 से h6 तक, निम्नलिखित सिंटैक्स के साथ।

<h1>Header 1,title<h1>
<h2>Header 2,major headings<h2>
<h3>Header 3,subheadings<h3>
<h4>Header 4<h4>
<h5>Header 5<h5>
<h6>Header 6<h6>

ऊपर दिए गए दोनों सिंटैक्स, टूलबार में 'Run' पर क्लिक करने के बाद h1 से h6 तक हेडिंग्स रेंडर कर सकते हैं।

Blockquotes

Blockquotes में बड़े टेक्स्ट खंड रखे जा सकते हैं और ये सामान्यतः इंडेंटेड होते हैं। इन्हें Markdown प्रतीक '>' का उपयोग करके या <blockquote>text for blockquote</blockquote> से प्राप्त किया जा सकता है।

• >This is good
• <blockquote>This is good</blockquote>

ऊपर दिए गए दोनों सिंटैक्स, टूलबार में 'Run' पर क्लिक करने के बाद, टेक्स्ट को इंडेंटेड रूप में रेंडर कर सकते हैं।

Code Section

Code सेक्शन वह भाग है जो अलग-अलग प्रोग्रामिंग भाषाओं के कोड को निर्दिष्ट करता है और रेंडर किया जा सकता है, जहां इनलाइन कोड ' `inline code goes here` ' के रूप में उसके चारों ओर बैकटिक्स से शुरू होता है, जबकि कोड का ब्लॉक तीन बैकटिक्स ' ``` block line code goes here ``` ' से शुरू होता है। साथ ही, Code सेक्शन के लिए मार्कअप टैग ' <code>code goes here<code> ' है।

इनलाइन कोड का उदाहरण नीचे दिया गया है:
`x =5`

आप देखेंगे कि "Run" पर क्लिक करने के बाद इनलाइन कोड हाईलाइट होकर रेंडर होता है।

Code सेक्शन के उदाहरण नीचे दिए गए हैं:

• Markdown का उपयोग करते हुए
```Python

str = "This is block level code"

print(str)

```
• Markup टैग्स का उपयोग करते हुए
<code>Python

str = "This is a block level code"

print(str)

</code>

Markdown का उपयोग करते समय, यदि प्रोग्रामिंग भाषा का नाम '```' तीन बैकटिक्स के बाद लिखा हो, तो आपको कोड की सिंटैक्स हाईलाइटिंग मिलती है। उदाहरण नीचे दिया गया है:

Markdown का उपयोग करते समय, आपको सिंटैक्स हाईलाइटिंग नहीं मिलेगी, लेकिन कोड हाईलाइट होगा:

Mathematical Symbol

Markdown में गणितीय प्रतीक '\$ mathematical expression goes here \$' यानी डॉलर प्रतीक के भीतर संलग्न किए जाते हैं, और Markup में अधिक विवरण के लिए आप इस लिंक का अनुसरण कर सकते हैं: Mathematical Operators. नीचे गणितीय प्रतीकों के उपयोग का उदाहरण देखें।

\$\sqrt{k}$

ऊपर दिया गया उदाहरण गणितीय अभिव्यक्ति को बोल्ड प्रारूप में रेंडर करेगा।

Line Break

लाइन ब्रेक टैग <br> टैग से शुरू होता है, जिसका कोई क्लोजिंग टैग नहीं होता। यह लाइन को तोड़ देता है और शेष सामग्री नई पंक्ति से शुरू होती है। उदाहरण नीचे दिखाया गया है।

The line breaks after using <br> br tags and it is awesome.
संचालित द्वारा

टूलबार में 'Run' पर क्लिक करने के बाद, आप <br> टैग का उपयोग करने पर लाइन ब्रेक देख सकते हैं। शेष पाठ नई पंक्ति में शुरू होता है।

Bold and Italic Text

आप <b> टैग्स, '**' यानी 'डबल ऐस्टरिस्क' या '__' यानी 'डबल अंडरस्कोर' का उपयोग करके बोल्ड टेक्स्ट प्राप्त कर सकते हैं, निम्नलिखित सिंटैक्स के साथ।

• <b>This is bold text </b>

• ** This is bold text

• __ This is bold text

ऊपर दिए गए सभी सिंटैक्स, टूलबार में 'Run' पर क्लिक करने के बाद, बोल्ड टेक्स्ट रेंडर कर सकते हैं।

आप <i> टैग्स, '*' यानी सिंगल ऐस्टरिस्क या '_' यानी सिंगल अंडरस्कोर का उपयोग करके इटैलिक टेक्स्ट प्राप्त कर सकते हैं, निम्नलिखित सिंटैक्स के साथ।

• <i>This is italic text </i>

• * This is italic text

• _ This is italic text

ऊपर दिए गए सभी सिंटैक्स, टूलबार में 'Run' पर क्लिक करने के बाद, इटैलिक टेक्स्ट रेंडर कर सकते हैं।

Horizontal Line

आप Markdown '---' यानी तीन हाइफ़न का उपयोग करके या Markup टैग <hr> से एक क्षैतिज रेखा प्राप्त कर सकते हैं।

ऊपर दिए गए दोनों सिंटैक्स, "Run" पर क्लिक करने के बाद, एक छोर से दूसरे छोर तक क्षैतिज रेखा रेंडर करेंगे।

Ordered List

Ordered List एक क्रमांकित सूची होती है, जो <ol> टैग से शुरू होकर </ol> टैग पर समाप्त होती है, और आवश्यक आइटम <li> तथा </li> टैग्स के बीच होते हैं। 'ol' यानी ordered list का संक्षिप्त रूप है और 'li' यानी list item का संक्षिप्त रूप है। उदाहरण के लिए, नीचे ग्रॉसरी सूची वाले Ordered List को देखें।

<ol>
<li>Fish</li>
<li>Eggs</li>
<li>Cheese</li>
</ol>

वैकल्पिक रूप से, आप '1. ' यानी आवश्यक संख्या के बाद स्पेस लगाकर भी सूची बना सकते हैं, जैसा कि नीचे के उदाहरण में दिया गया है।

1. Fish
2. Eggs
3. Cheese

ऊपर दिए गए दोनों सिंटैक्स, टूलबार में 'Run' पर क्लिक करने के बाद, क्रमांकित सूची रेंडर कर सकते हैं।

Unordered List

Unordered list एक बुलेट सूची होती है जो <ul> टैग से प्राप्त होती है और </ul> टैग पर समाप्त होती है। नीचे दिया गया उदाहरण देखें:

<ul>
<li>Fish</li>
<li>Eggs</li>
<li>Cheese</li>
</ul>

वैकल्पिक रूप से, Unordered list '-' प्रतीक और स्पेस से शुरू हो सकती है, जो काला गोल चिह्न देती है, और '*' प्रतीक और स्पेस से भी शुरू हो सकती है, जो काला चौकोर चिह्न देती है।

-   Fish
-   Eggs
-   Cheese

ऊपर दिया गया उदाहरण दिखाता है कि '-' प्रतीक के बाद स्पेस और फिर आइटम देने पर बुलेट सूची बनती है, जो काला गोल चिह्न देती है।

ऊपर दिए गए दोनों सिंटैक्स, टूलबार में 'Run' पर क्लिक करने के बाद, समान परिणाम रेंडर करेंगे, जिसमें सूची के आइटम काले गोल चिह्नों में दिखेंगे।

Internal and External Link

Internal Link Markdown में <a> टैग से शुरू होता है, जिसमें 'id' एट्रिब्यूट द्वारा एक अद्वितीय id परिभाषित होती है, जिसे नोटबुक में नीचे दिए गए उदाहरण की तरह लिंक किया जा सकता है:

<a id = "division_ID"text goes here></a>

साथ ही, ऊपर परिभाषित id को नोटबुक के सेक्शन से निम्नलिखित कोड द्वारा लिंक किया जा सकता है, जो लिंक को क्लिक करने योग्य बनाता है।

[Section title](#division_ID)

ऊपर के उदाहरण को नीचे देखा जा सकता है, जहां परिभाषित id सेक्शन से लिंक है, और टूलबार में "Run" पर क्लिक करने के बाद क्लिक करने योग्य लिंक प्राप्त होता है।

External Link Markdown में <a> से शुरू होता है और <a> टैग पर समाप्त होता है, यानी <a> एंकर के लिए होता है जो लिंक को परिभाषित करता है, और इसमें 'href' एट्रिब्यूट होता है जिसे हाइपर रेफरेंस भी कहा जाता है, जो लिंक या URL के गंतव्य पते को रखता है, और टैग्स के बीच का टेक्स्ट दिखाई देता है तथा उस पर क्लिक करके गंतव्य पता खोला जा सकता है, जैसा नीचे दिखाया गया है।

<a> href="https://www.google.com" >Link to Google</a>

वैकल्पिक रूप से, यह __[text link](URL for the site)__ से भी शुरू हो सकता है, जहां दोनों ओर डबल अंडरस्कोर होते हैं, टेक्स्ट लिंक को वर्ग कोष्ठक में और साइट के URL को कोष्ठक में रखा जाता है।

Link to Google

ऊपर दिए गए दोनों सिंटैक्स, टूलबार में 'Run' पर क्लिक करने के बाद, नीचे समान परिणाम रेंडर कर सकते हैं, जहां रेखांकित और क्लिक करने योग्य टेक्स्ट एक नए पृष्ठ पर ले जाता है।

Table

Table में जानकारी पंक्तियों और स्तंभों में होती है और यह '|' यानी 'वर्टिकल पाइप' से प्रत्येक स्तंभ को अलग करके और '-' यानी हाइफ़न प्रतीक से हेडर बनाकर तैयार की जाती है, जहां खाली पंक्ति यानी वर्टिकल पाइप और डैशेज का संयोजन टेबल फॉर्मेट रेंडर करता है।

साथ ही, आप सेल्स को स्तंभों के साथ लगभग संरेखित कर सकते हैं, और नोटबुक दिए गए सेल में सामग्री का आकार स्वचालित रूप से बदल देगी।

|Name|Address|Salary| |-----|-------|------| |Hanna|Brisbane|4000| |Adam|Sydney|5000|

वैकल्पिक रूप से, Markdown का उपयोग करके भी टेबल बनाई जा सकती हैं, जहां < table > का उपयोग प्रतिशत में उसकी चौड़ाई के साथ टेबल को परिभाषित करने के लिए किया जाता है। <tr> टेबल की पंक्ति सेट करता है, जो केंद्रित बोल्ड टेक्स्ट देता है, और टेबल की हेडिंग्स <th> द्वारा सबसे ऊपर वर्णित होती हैं, जबकि टेबल की अन्य प्रविष्टियां <td> यानी टेबल डेटा टैग द्वारा सेट होती हैं।

<table style="width:20%">
<tr>
<th><Name></th>
<th><Address></th>
<th><Salary></th>
</tr>

<tr>
<td><Hanna></td>
<td><Brisbane></td>
<td><4000></td>
</tr>

<tr>
<td><Adam></td>
<td><Sydney></td>
<td><5000></td>
</tr>
</table>

ऊपर दिए गए दोनों सिंटैक्स, टूलबार में 'Run' पर क्लिक करने के बाद, नीचे जैसा ही परिणाम रेंडर कर सकते हैं।

Images

आप टूलबार से Edit मेन्यू में 'Insert Image' चुनकर कोई इमेज जोड़ सकते हैं और आवश्यक इमेज ब्राउज़ कर सकते हैं, जैसा कि नीचे दिखाया गया है।

इमेज में Markdown टैग <img> हो सकता है, जिसमें स्रोत यानी src एट्रिब्यूट होता है, जो इमेज के लिंक को रखता है, साथ ही width और height जैसी वैकल्पिक प्रॉपर्टीज़ भी दी जा सकती हैं। इसका उदाहरण नीचे है।

<img> <src="https://i.imgur.com/WWrydEh.png" width ="500" height=500 >

ऊपर दी गई दोनों प्रक्रियाएं, टूलबार में 'Run' पर क्लिक करने के बाद, समान इमेज रेंडर कर सकती हैं।

Conclusion

इस ट्यूटोरियल में, आपने अलग-अलग मार्कअप टैग्स के बारे में सीखा, जो मार्कअप भाषा द्वारा परिभाषित होते हैं, और साथ ही Jupyter Notebook के लिए विशिष्ट Markdown सेल्स से संबंधित सिंटैक्स के बारे में भी सीखा, जो कोड के साथ-साथ कंटेंट को अधिक प्रभावी ढंग से वर्णित करने के लिए उपयोग होते हैं।

यदि आप Markdown के बारे में और सीखना चाहते हैं, तो Markdown Guide देखें।