Markdown syntax for displaying code, code blocks and images

Study Guide: Markdown syntax for displaying code, code blocks and images

This post shows example effects of markdown grammar related to code, code blocks and images.

Code

Shortcodes have access to parameters delimited in the shortcode declaration via .Get, page- and site-level variables, and also the following shortcode-specific fields.

Code Blocks

Normal

<!doctype html> 
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Example HTML5 Document Example</title>
    </head>
    <body>
        <p>Test</p>
    </body>
</html>

HTML

<!doctype html> 
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Example HTML5 Document Example</title>
    </head>
    <body>
        <p>Test</p>
    </body>
</html>

JAVASCRIPT

$(window).scroll(function(){
    if($(window).scrollTop()>300){
        $('#totoc').fadeIn(250);
    }else{
        $('#totoc').fadeOut(250);
    };
});

Image

Markdown

![Image](https://cn.bing.com/th?id=OHR.Borovets_ZH-CN5914681811_1920x1200.jpg&rf=LaDigue_1920x1200.jpg "Description of Image")ßß

Topics Covered

Related Study Guides