{"id":326420,"date":"2021-08-16T20:00:00","date_gmt":"2021-08-16T17:00:00","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/what-is-a-markup-language\/"},"modified":"2021-08-16T20:00:00","modified_gmt":"2021-08-16T17:00:00","slug":"what-is-a-markup-language","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/what-is-a-markup-language\/","title":{"rendered":"#What Is a Markup Language?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 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-6a4e084fc62d1\" 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-6a4e084fc62d1\" 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-a-markup-language\/#Markup_Text\" >Markup Text<\/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-a-markup-language\/#Common_Markup_Languages\" >Common Markup Languages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/what-is-a-markup-language\/#Markup_vs_Markdown\" >Markup vs. Markdown<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#What Is a Markup Language?&#8221;<\/strong><\/p>\n<div>\n<figure style=\"width: 1200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage wp-image-734391 size-full\" srcset=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/markup_hero_1.jpg?width=398&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 400w, https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/markup_hero_1.jpg?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 1200w\" sizes=\"auto, 400w, 1200w\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/markup_hero_1.jpg?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"An example of HTML, a markup language.\" width=\"1200\" height=\"675\" data-crediturl=\"https:\/\/www.shutterstock.com\/image-photo\/code-html-web-programming-385257541\" data-credittext=\"iinspiration \/ Shutterstock\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\"><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.shutterstock.com\/image-photo\/code-html-web-programming-385257541\">iinspiration \/ Shutterstock<\/a><\/figcaption><\/figure>\n<p>Markup languages are the invisible backbone of many things we do on a computer, like sending messages, viewing documents, and browsing the internet. Here\u2019s a brief look at what they do.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Markup_Text\"><\/span>Markup Text<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The text you\u2019re reading right now isn\u2019t just made up of text characters. When a group of characters are in\u00a0<strong>bold,<\/strong><em> italics,<\/em>\u00a0or\u00a0underlined, they are formatted. Under the hood (in a way you can\u2019t see while reading this), these characters are wr<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>ed in tags to make them appear that way. The same goes for text that is smaller, appears in a different color, or is written in a different font. To make this happen, the text has to be written in something called a markup language by the author.<\/p>\n<p>Markup language is a system for formatting and arranging the elements in a document using tags. Unlike physical annotations and markups on paper documents, these tags only appear in the document while the author is writing the text. When an application processes the markup, the content will simply appear as formatted text to the viewer. For example, in the markup language <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/HTML\">HTML<\/a>, we can wrap the phrase \u201cHello world!\u201d in bold tags.<\/p>\n<p><code>&lt;b&gt;Hello world!&lt;\/b&gt;<\/code><\/p>\n<p>When this text is processed by an HTML viewer, like a web browser, it will appear as:<\/p>\n<p><b>Hello world!<\/b><\/p>\n<p>Markup isn\u2019t limited to processing simple text characters like the alphabet and numbers, however. Depending on the language, it can process and format special characters, allow you to embed other elements like images, videos, applications, and machine-readable data.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Common_Markup_Languages\"><\/span>Common Markup Languages<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<figure style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-731991 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/LaTeX-Project-Logo.jpg?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"LaTeX Project Bird Logo\" width=\"650\" height=\"350\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\">The LaTeX Project<\/figcaption><\/figure>\n<p>The two most common markup languages are HTML, which is used to construct web pages seen across the internet, and XML, which stores structured data using customizable tags.<\/p>\n<p>When you look at most pages on the internet, you\u2019re essentially downloading and viewing an HTML page. The page you\u2019re reading right now is written in HTML. In fact, in many browsers, you can right-click on the page to see the HTML syntax of the entire page. HTML supports creating various structures and sections inside a page, defining elements within a page, and formatting text. HTML tags typically require opening and closing tags, like the following:<\/p>\n<p><code>&lt;a href=\"https:\/\/www.howtogeek.com\"&gt;HowToGeek&lt;\/a&gt;<\/code><\/p>\n<p>The above example creates a link to the HowToGeek website like this: HowToGeek. Notice how there is an opening tag <code>&lt;a&gt;<\/code>\u00a0with the attribute <code>href<\/code> pointing to the link, and a closing tag <code>&lt;\/a&gt;<\/code> .<\/p>\n<p>Here are a few more famous markup languages that you might be familiar with:<\/p>\n<ul>\n<li><strong>BBCode:\u00a0<\/strong>A light markup language widely used in online forums and message boards and easily recognizable with its use of square brackets, like <code>[b]Hello World![\/b]<\/code> to create bold tags.<\/li>\n<li><strong>LaTeX:\u00a0<\/strong>A fairly complex language often used for academic and technical purposes. It has robust options for processing syntax that most languages can\u2019t display, such as complex mathematics and defunct languages.<\/li>\n<li><strong>MathML:\u00a0<\/strong>A language used to display mathematical formulas, particularly inside web browsers.<\/li>\n<li><strong>Textile:\u00a0<\/strong>A language used for certain online blogs and content management systems.<\/li>\n<li><strong>SVG:\u00a0<\/strong>You might be surprised to know that SVG, a format that displays a scalable vector graphic, is actually a markup language. It is based on XML and uses structured data to store information about the graphic.<\/li>\n<\/ul>\n<p><strong>RELATED:<\/strong> <strong><em>What Is an SVG File, and How Do I Open One?<\/em><\/strong><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Markup_vs_Markdown\"><\/span>Markup vs. Markdown<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-449019\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2019\/11\/markdown-logo.jpg?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Markdown Logo\" width=\"650\" height=\"300\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>If you\u2019ve heard about markup, you\u2019ve likely heard of Markdown. On the surface, it sounds like the opposite of markup; however, it\u2019s actually just a type of markup language. Markdown is a simplified, easy-to-use formatting syntax that contains many of the basic text options present in more complex languages\u00a0while avoiding things like closing tags and embedded non-text elements.<\/p>\n<p>Markdown is popular among many because of its ease-of-use and lack of difficult-to-read elements. This makes it an ideal syntax for text-focused applications and websites. Among these websites is <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.reddit.com\">Reddit<\/a>, which uses the markdown syntax for all posts and comments. This makes it easy for <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/social-mediaa\/\" data-internallinksmanager029f6b8e52c=\"1\" title=\"Social Media\" target=\"_blank\" rel=\"noopener\">Reddit<\/a>ors to format text from any device without having to add long tags. It also complements Reddit\u2019s decision to disallow embedded media in the comments.<\/p>\n<p>Other services that use Markdown are code repositories like Github, messengers like WhatsApp and Discord, and text editors like Typora and StackEdit. If you want to learn how to use it, check out our markdown guide. Happy tagging!<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>What Is Markdown and How Do You Use It?<\/em><\/strong><\/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\/721685\/what-is-a-markup-language\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#What Is a Markup Language?&#8221; iinspiration \/ Shutterstock Markup languages are the invisible backbone of many things we do on a computer, like sending messages, viewing documents, and browsing the internet. Here\u2019s a brief look at what they do. Markup Text The text you\u2019re reading right now isn\u2019t just made up of text characters. When&#8230;<\/p>\n","protected":false},"author":1,"featured_media":326421,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/markup_hero_1.jpg?height=200p&trim=2,2,2,2","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-326420","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\/326420","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=326420"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/326420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/326421"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=326420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=326420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=326420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}