The latest articles on DEV Community by ramyaDhanush (@ramyadhanush). https://dev.to/ramyadhanush https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F457090%2F69101dc2-57d0-4450-bf7a-c17c5a01c1f6.jpg https://dev.to/ramyadhanush en ramyaDhanush Mon, 24 Aug 2020 15:44:43 +0000 https://dev.to/ramyadhanush/markdown-getting-started-2fm8 https://dev.to/ramyadhanush/markdown-getting-started-2fm8 <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JtRCYnzT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/1200px-Markdown-mark.svg.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JtRCYnzT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/1200px-Markdown-mark.svg.png" alt="MarkDown" width="800" height="492"></a> </p> <p>Developers are now playing with lots of languages to make the web a better place to view. <a href="https://en.wikipedia.org/wiki/Markdown">Markdown</a> is the language, used by developers of various interest to make the <a href="//github.com">github</a> a better place.</p> <h4> History of Markdown </h4> <blockquote> <p>A plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz. Often used for formatting readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor. </p> </blockquote> <h4> Pros </h4> <ul> <li>Provides <strong>semantic meaning</strong> in a simple way </li> <li>Easy to learn ,implement and quick</li> <li>Readability </li> <li>Platform-agnostic </li> </ul> <p>Let's learn Markdown and for those who know already, refresh!!! </p> <p>Start with <strong>text</strong> </p> <ol> <li> <strong>Bold</strong> enclose text with double asterisk (**) on both sides</li> <li> <em>italic</em> enclose text with (_) on both sides</li> <li> <del>strikethrough</del> enclose text with double tilde (~~) on both sides</li> </ol> <p>Let's see about #######headers</p> <p>There are six headers ranging from header1 larger size to header6 smallest header. Each header is preceedded with equal number of hash/number sign(#)</p> <p>Example:-</p> <blockquote> <h1> heading1 </h1> <h2> heading2 </h2> <h3> heading3 </h3> <h4> heading4 </h4> <h5> heading5 </h5> <h6> heading6 </h6> </blockquote> <p>To show an <strong>image</strong></p> <p>Exclamation mark (!) followed by Any text related to image enclosed in square brackets [image-text] followed by image url enclosed in parenthesis (image-url.jpg)</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--BeiBYQMD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/256/22221-cat-icon.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BeiBYQMD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/256/22221-cat-icon.png" alt="Orangecat" width="256" height="256"></a></p> <p><strong>Link</strong> is similar to <em>images</em></p> <p>Place a text to show enclosed in square brackets [view-text] followed by website url enclosed in parenthesis (web-url)</p> <p><a href="//www.markdowntutorial.com">Learn Markdown Basics</a></p> <p><strong>Block-quotes</strong> - Attention seeker :) </p> <blockquote> <p>Curiosity has its own reason for existing. </p> </blockquote> <p>Are you curious on Markdown language checkout <a href="//www.markdowntutorial.com">this</a>, a practical approach towards markdown.</p> markdown language