The latest articles on DEV Community by lucaster (@lucaster). https://dev.to/lucaster 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%2F306132%2F64a82a63-b892-46fb-8a34-885089de4e25.png https://dev.to/lucaster en lucaster Wed, 09 Jul 2025 06:59:58 +0000 https://dev.to/lucaster/hello-world-2cjl https://dev.to/lucaster/hello-world-2cjl <p>Hello, World!</p> <h1> Markdown Cheat Sheet </h1> <p>Thanks for visiting <a href="https://www.markdownguide.org" rel="noopener noreferrer">The Markdown Guide</a>!</p> <p>This Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for <a href="https://www.markdownguide.org/basic-syntax/" rel="noopener noreferrer">basic syntax</a> and <a href="https://www.markdownguide.org/extended-syntax/" rel="noopener noreferrer">extended syntax</a>.</p> <h2> Basic Syntax </h2> <p>These are the elements outlined in John Gruber’s original design document. All Markdown applications support these elements.</p> <h3> Heading </h3> <h1> H1 </h1> <h2> H2 </h2> <h3> H3 </h3> <h3> Bold </h3> <p><strong>bold text</strong></p> <h3> Italic </h3> <p><em>italicized text</em></p> <h3> Blockquote </h3> <blockquote> <p>blockquote</p> </blockquote> <h3> Ordered List </h3> <ol> <li>First item</li> <li>Second item</li> <li>Third item</li> </ol> <h3> Unordered List </h3> <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul> <h3> Code </h3> <p><code>code</code></p> <h3> Horizontal Rule </h3> <h3> Link </h3> <p><a href="https://www.markdownguide.org" rel="noopener noreferrer">Markdown Guide</a></p> <h3> Image </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5b82g787i7vr0socqfa7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5b82g787i7vr0socqfa7.png" alt="alt text"></a></p> <h2> Extended Syntax </h2> <p>These elements extend the basic syntax by adding additional features. Not all Markdown applications support these elements.</p> <h3> Table </h3> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Syntax</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>Header</td> <td>Title</td> </tr> <tr> <td>Paragraph</td> <td>Text</td> </tr> </tbody> </table></div> <h3> Fenced Code Block </h3> <div class="highlight js-code-highlight"> <pre class="highlight json"><code><span class="p">{</span><span class="w"> </span><span class="nl">"firstName"</span><span class="p">:</span><span class="w"> </span><span class="s2">"John"</span><span class="p">,</span><span class="w"> </span><span class="nl">"lastName"</span><span class="p">:</span><span class="w"> </span><span class="s2">"Smith"</span><span class="p">,</span><span class="w"> </span><span class="nl">"age"</span><span class="p">:</span><span class="w"> </span><span class="mi">25</span><span class="w"> </span><span class="p">}</span><span class="w"> </span></code></pre> </div> <h3> Footnote </h3> <p>Here's a sentence with a footnote. <sup id="fnref1">1</sup></p> <h3> Heading ID </h3> <h3> My Great Heading {#custom-id} </h3> <h3> Definition List </h3> <p>term<br> : definition</p> <h3> Strikethrough </h3> <p><del>The world is flat.</del></p> <h3> Task List </h3> <ul> <li>[x] Write the press release</li> <li>[ ] Update the website</li> <li>[ ] Contact the media</li> </ul> <h3> Emoji </h3> <p>That is so funny! 😂</p> <p>(See also <a href="https://www.markdownguide.org/extended-syntax/#copying-and-pasting-emoji" rel="noopener noreferrer">Copying and Pasting Emoji</a>)</p> <h3> Highlight </h3> <p>I need to highlight these ==very important words==.</p> <h3> Subscript </h3> <p>H~2~O</p> <h3> Superscript </h3> <p>X^2^</p> <p> <iframe src="https://www.youtube.com/embed/pr42azVZi3o"> </iframe> </p> <ol> <li id="fn1"> <p>This is the footnote. ↩</p> </li> </ol> helloworld