{"id":393985,"date":"2022-01-14T14:00:00","date_gmt":"2022-01-14T11:00:00","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/what-is-markdown-and-how-do-you-use-it\/"},"modified":"2022-01-14T14:00:00","modified_gmt":"2022-01-14T11:00:00","slug":"what-is-markdown-and-how-do-you-use-it","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/what-is-markdown-and-how-do-you-use-it\/","title":{"rendered":"#What Is Markdown, and How Do You Use It?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6ac3f38aaea53\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6ac3f38aaea53\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-markdown-and-how-do-you-use-it\/#What_Is_Markdown\" >What Is Markdown?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-markdown-and-how-do-you-use-it\/#How_Do_You_Use_Markdown\" >How Do You Use Markdown?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-markdown-and-how-do-you-use-it\/#Headers\" >Headers<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-markdown-and-how-do-you-use-it\/#Bullet_Points\" >Bullet Points<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-markdown-and-how-do-you-use-it\/#Numbered_Lists\" >Numbered Lists<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-markdown-and-how-do-you-use-it\/#Emphasis_Italics\" >Emphasis (Italics)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-markdown-and-how-do-you-use-it\/#Where_Can_You_Use_Markdown\" >Where Can You Use Markdown?<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#What Is Markdown, and How Do You Use It?&#8221;<\/strong><\/p>\n<div>\n<img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage alignnone size-full wp-image-779082\" data-pagespeed-lazy-srcset=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2019\/12\/markdown-logo-on-a-blue-background.png?width=398&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 400w, https:\/\/www.howtogeek.com\/wp-content\/uploads\/2019\/12\/markdown-logo-on-a-blue-background.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 1200w\" sizes=\"auto, 400w, 1200w\" data-pagespeed-lazy-src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2019\/12\/markdown-logo-on-a-blue-background.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Markdown logo on a blue background\" width=\"1200\" height=\"675\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Markdown is a simple syntax that formats text as headers, lists, boldface, and so on. This markup language is popular, and you definitely have <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>s that support it. Here\u2019s a quick primer on what Markdown is, and how and where you can use it.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"What_Is_Markdown\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" name=\"autotoc_anchor_0\">What Is Markdown?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When you add bold, italics, numbered lists, bullet points, headings, and so on to text, you\u2019re \u201cformatting\u201d it. Markdown is a syntax\u2014or, set of rules\u2014that formats text on web pages.<\/p>\n<p>Traditionally, to format text on web pages, people used Hypertext Markup Language, better known as HTML. HTML is one member of the family of markup languages, along with eXtensible Markup Language (XML) and Standard Generalized Markup Language (SGML).<\/p>\n<p>To format text with HTML, you put tags around the text. For example, if you want to bold text, you type \u201c&lt;b&gt; this is some bold text &lt;\/b&gt;\u201d.<\/p>\n<p>When your web browser \u201creads\u201d a web page, it interprets the HTML tags and applies the relevant formatting. When it sees \u201c&lt;b&gt; this is some bold text &lt;\/b&gt;\u201d, it understands that anything between the &lt;b&gt; and &lt;\/b&gt; tags should appear in <strong>bold<\/strong>. The browser also hides the tags (&lt;b&gt; and &lt;\/b&gt;).<\/p>\n<p>HTML can be quite complex, with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.w3schools.com\/TAGs\/\">dozens and dozens of tags,<\/a> such as &lt;span&gt;, &lt;div&gt;, &lt;kbd&gt;, &lt;ol&gt;, and lots of others. Computers have no trouble reading these because they just follow the syntax (the rules of HTML) and apply the formatting that matches the tags.<\/p>\n<p>The tags, however, make it quite difficult for humans to read HTML and understand how the text will look after the computer renders it. It\u2019s not very \u201cuser-friendly\u201d for people who don\u2019t have a lot of experience reading it.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to View the HTML Source in Google Chrome<\/em><\/strong><\/p>\n<p>Markdown, on the other hand, is meant \u201c<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/daringfireball.net\/projects\/markdown\/syntax#philosophy\">to be as easy-to-read and easy-to-write as is feasible<\/a>.\u201d John Gruber and Aaron Schwartz explain why they created Markdown in 2004 and provide a guide to the syntax on <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/daringfireball.net\/projects\/markdown\/\">Gruber\u2019s website<\/a>.<\/p>\n<p>In short, Markdown makes it easier to format text for web pages because its tags are simpler than HTML, and they convert to HTML automatically. This means you don\u2019t have to know HTML to write something for a web page because Markdown translates your tags into HTML for you.<\/p>\n<p>It doesn\u2019t cover all possible HTML tags, but, rather, the most common formatting options.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"How_Do_You_Use_Markdown\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" name=\"autotoc_anchor_1\">How Do You Use Markdown?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To use Markdown, you just apply simple tags to your text. For example, to format text in italics, you put underscores around it like so: _this is some text in italics_.<\/p>\n<p>Here are some other examples of Markdown formatting from the\u00a0<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/daringfireball.net\/projects\/markdown\/syntax\">syntax guide<\/a>:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Headers\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" name=\"autotoc_anchor_2\">Headers<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p># This is an H1<\/p>\n<p>## This is an H2<\/p>\n<p>###### This is an H6<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Bullet_Points\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" name=\"autotoc_anchor_3\">Bullet Points<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>* Red<br \/>* Green<br \/>* Blue<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Numbered_Lists\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" name=\"autotoc_anchor_4\">Numbered Lists<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>1. Bird<br \/>2. McHale<br \/>3. Parish<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Emphasis_Italics\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" name=\"autotoc_anchor_5\">Emphasis (Italics)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>*text*<br \/>_text_<\/p>\n<p>Markdown converts both *text* and _text_ to the HTML &lt;emphasis&gt; or &lt;em&gt; tag, which, in theory, can be interpreted in many ways. For example, you could build an app that interprets the &lt;emphasis&gt; tag as flashing red text. In practice, however, almost every application (including every web browser) interprets it as italicized text.<\/p>\n<p><strong>Strong (Bold)<\/strong><\/p>\n<p>**text**<br \/>__text__<\/p>\n<p>Markdown converts both **text** and __text__ to the HTML &lt;strong&gt; tag, which typically appears as bolded text. In other words, for additional emphasis, use double * or _ characters.<\/p>\n<p>There are also variants of Markdown\u2014such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/commonmark.org\/\">CommonMark<\/a> and\u00a0<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.github.com\/gfm\/\">GitHub Flavored Markdown<\/a> (GFM)\u2014but these are all based on the original Markdown specification. Variants usually just extend the standard by adding formatting tags the original Markdown doesn\u2019t cover.<\/p>\n<p>After you format your text, an application has to convert it to HTML, which is usually done automatically. For example, README files in GitHub use Markdown, and as long as they have a .MD file extension, GitHub automatically converts them to the correct HTML tags when they\u2019re published.<\/p>\n<p>So, in most cases, you won\u2019t have to do this yourself, but if you do, there\u2019s a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/daringfireball.net\/projects\/markdown\/\">Markdown tool<\/a>\u00a0available.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>What Is GitHub, and What Is It Used For?<\/em><\/strong><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Where_Can_You_Use_Markdown\"><\/span>Where Can You Use Markdown?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>As we mentioned above, you can use Markdown on GitHub, but also on Reddit, StackOverflow, and other websites. If you\u2019ve ever\u00a0<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.howtogeek.com\/438504\/how-to-format-your-whatsapp-messages\/\">formatted text in WhatsApp messages or Slack conversations, you\u2019ve already used it because these applications use a (very small) subset of Markdown tags to format text.<\/p>\n<p>If you want to learn Markdown, check out the original <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/daringfireball.net\/projects\/markdown\/syntax\">Markdown syntax guide<\/a> or a third-party <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.markdowntutorial.com\/\">tutorial site<\/a>. It\u2019s easy to learn, and it\u2019ll make your README files, and Reddit or StackOverflow comments easier for others to read.<\/p>\n<\/div>\n<p><script>\n setTimeout(function(){\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s) } (window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '335401813750447');\n   fbq('track', 'PageView');\n  },3000);\n<\/script><\/p>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/448323\/what-is-markdown-and-how-do-you-use-it\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#What Is Markdown, and How Do You Use It?&#8221; Markdown is a simple syntax that formats text as headers, lists, boldface, and so on. This markup language is popular, and you definitely have apps that support it. Here\u2019s a quick primer on what Markdown is, and how and where you can use it. What Is&#8230;<\/p>\n","protected":false},"author":1,"featured_media":393986,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2019\/12\/markdown-logo-on-a-blue-background.png?height=200p&trim=2,2,2,2","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-393985","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/393985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=393985"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/393985\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/393986"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=393985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=393985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=393985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}