[{"data":1,"prerenderedAt":49},["Reactive",2],{"blog-post-markdown-italics":3},{"slug":4,"title":5,"description":6,"excerpt":7,"date":8,"category":9,"author":10,"keywords":11,"readingMinutes":12,"html":13,"headings":14,"tools":27,"related":28},"markdown-italics","Markdown Italics Tutorial: Simple Syntax Guide","Learn to emphasize text with italics in Markdown using asterisks and underscores. Simple tutorial for perfect italicized text.","Often in our writing, we need to emphasize certain words or phrases to draw attention to them. In typographic terms, one common way of doing this is by using italics.","2024-05-06","Tutorial","Matthew Rathbone","Markdown italics",2,"\u003Cp>Often in our writing, we need to emphasize certain words or phrases to draw attention to them. In typographic terms, one common way of doing this is by using \u003Cem>italics\u003C/em>.\u003C/p>\n\u003Cp>In Markdown, italics can be achieved easily. However, there are minor variations in syntax depending on the flavor of Markdown you are using.\u003C/p>\n\u003Ch2 id=\"basics-of-markdown-italics\">Basics of Markdown Italics\u003C/h2>\n\u003Cp>Here below is the fundamental syntax for creating italics in markdown:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-emphasis\">*italic*\u003C/span>\n\u003C/code>\u003C/pre>\u003Cp>or \u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-emphasis\">_italic_\u003C/span>\n\u003C/code>\u003C/pre>\u003Cp>When you run the above piece of code, expect the below output:\u003C/p>\n\u003Cp>\u003Cem>italic\u003C/em> \u003C/p>\n\u003Cp>Both asterisks (*) and underscores (_) are used interchangeably and render the same visual output in most flavors of Markdown. \u003C/p>\n\u003Ch2 id=\"italics-in-github-flavored-markdown-gfm\">Italics in GitHub-Flavored Markdown (GFM)\u003C/h2>\n\u003Cp>If your text is to be viewed primarily via GitHub, it's important to note that the platform uses an iteration of markdown known as GitHub-Flavored Markdown or GFM.\u003C/p>\n\u003Cp>Here is an example of how you would write italics in GFM:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-emphasis\">_this sentence is in italics_\u003C/span>\n\u003C/code>\u003C/pre>\u003Cp>The expected result would be:\u003C/p>\n\u003Cp>\u003Cem>this sentence is in italics\u003C/em>\u003C/p>\n\u003Ch2 id=\"italics-in-markdown---essential-guidelines\">Italics in Markdown - Essential Guidelines\u003C/h2>\n\u003Cp>Now you know that two ways to write in italics in most Markdown editors is using either a single asterisk (*) or an underscore (_). \u003C/p>\n\u003Cp>However, we need to pay attention to the following essential details when writing:\u003C/p>\n\u003Col>\n\u003Cli>\u003Cp>\u003Cstrong>Avoid Spaces\u003C/strong>: Ensure there are no spaces between the asterisks or underscores and your text. Spaces will prevent your text from being rendered in italics.\u003C/p>\n\u003C/li>\n\u003Cli>\u003Cp>\u003Cstrong>Close the Formatting\u003C/strong>: Remember to finish your text block with the same symbol you started with. If you open with an asterisk, close with an asterisk; likewise for underscores.\u003C/p>\n\u003C/li>\n\u003Cli>\u003Cp>\u003Cstrong>Nested Formatting\u003C/strong>: If you want to include italics within a stronger emphasis such as bold, the Markdown syntax allows this nesting. See the syntax below:\u003C/p>\n\u003Cpre>\u003Ccode class=\"hljs language-markdown\">\u003Cspan class=\"hljs-strong\">**This is a sentence with \u003Cspan class=\"hljs-emphasis\">_italicized words_\u003C/span>.**\u003C/span>\n\u003C/code>\u003C/pre>\u003Cp> Which gives this result:\u003C/p>\n\u003Cp> \u003Cstrong>This is a sentence with \u003Cem>italicized words\u003C/em>.\u003C/strong>\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Ch2 id=\"conclusion\">Conclusion\u003C/h2>\n\u003Cp>Creating italics text in Markdown is a straightforward process whether you use an asterisk or an underscore. Remember to apply the given directives to achieve the perfect italicized text effectively.\u003C/p>\n\u003Cp>Happy Markdown writing!\u003C/p>\n",[15,18,21,24],{"id":16,"text":17,"level":12},"basics-of-markdown-italics","Basics of Markdown Italics",{"id":19,"text":20,"level":12},"italics-in-github-flavored-markdown-gfm","Italics in GitHub-Flavored Markdown (GFM)",{"id":22,"text":23,"level":12},"italics-in-markdown---essential-guidelines","Italics in Markdown - Essential Guidelines",{"id":25,"text":26,"level":12},"conclusion","Conclusion",[],[29,36,42],{"slug":30,"title":31,"description":32,"excerpt":33,"date":34,"category":9,"author":10,"keywords":35,"readingMinutes":12},"using-icons-in-markdown","How to Use Icons in Markdown - A Simple Guide","Discover how to enhance Markdown documents by adding icons for visual appeal and efficient communication, using FontAwesome, Material Icons, or emojis.","Icons are a great way to enhance your Markdown documents. They make your content engaging and visually appealing, and can also help to convey meanings more efficiently. In this tutorial, we will…","2024-07-18","Using icons in Markdown",{"slug":37,"title":38,"description":39,"excerpt":40,"date":8,"category":9,"author":10,"keywords":41,"readingMinutes":12},"markdown-strikethrough","How to Use Markdown Strikethrough - A Tutorial","Learn how to effectively use strikethrough in Markdown to show text edits or corrections. Simple steps for clear communication.","In this article, we will delve into the use case and implementation of the strikethrough text in Markdown.","Markdown strikethrough",{"slug":43,"title":44,"description":45,"excerpt":46,"date":47,"category":9,"author":10,"keywords":48,"readingMinutes":12},"flutter-markdown-parsing","Flutter Markdown Parsing Tutorial","Learn to parse Markdown in Flutter with the `flutter_markdown` library. This tutorial covers setup, implementation, and customization.","This tutorial aims to demonstrate how to parse Markdown content in the Flutter framework. We will utilize the fluttermarkdown library which wraps around the Dart package markdown to translate…","2024-07-20","Flutter markdown parsing",1792184940369]