...Processing...
error
big error
Using Markdown at TutnIQ - TutnIQ
Table of contents X
  • Getting fancy with Markdown: Quotes, links and lists

    In this section we will learn how to create fancy quotes, bullet point lists, numbered lists and clickable links with Markdown and TutnIQ.

  • Blockquotes

    Blockquotes are indicated by > angle brackets in Markdown. This:

    > Blockquotes can be used to indicate quoted text.
    > This line is part of the same quote.
    

    Will produce the following output:

    Blockquotes can be used to indicate quoted text. This line is part of the same quote.

    A few other features of a blockquote:

    > A blockquote can *contain* **Markdown**. 
    > Very long lines will be quoted properly when they wrap. This sentence is intentionally very long and repetitive to demonstrate that it will wrap properly.  This sentence is intentionally very long and repetitive to demonstrate that it will wrap properly.  This sentence is intentionally very long and repetitive to demonstrate that it will wrap properly.  This sentence is intentionally very long and repetitive to demonstrate that it will wrap properly. 
    

    Will produce the following output:

    A blockquote can contain Markdown. Very long lines will be quoted properly when they wrap. This sentence is intentionally very long and repetitive to demonstrate that it will wrap properly. This sentence is intentionally very long and repetitive to demonstrate that it will wrap properly. This sentence is intentionally very long and repetitive to demonstrate that it will wrap properly. This sentence is intentionally very long and repetitive to demonstrate that it will wrap properly.

    Nested blockquotes:

    > Nested blockquotes allow one quote to be quoted in another
    >
    >> This is the nested quote.
    

    Will produce the following output:

    Nested blockquotes allow one quote to be quoted in another

    This is the nested quote.

    Lists

    Bullet point lists

    Markdown can be used to create bullet point (unordered) lists, by using asterisks, pluses, and or hyphens (*, +, or -) as list markers. These list markers are interchangeable. There must be at least one space between the list marker and the first letter of the list item. This:

    -  Apples
    +  Pears
    *  Oranges
    

    Will produce this output:

    • Apples
    • Pears
    • Oranges

    Numbered lists

    Markdown can also be used create numbered (ordered) lists. We use numbers, followed by periods, as list markers. There must be at least one space between the period and the first letter of the list item. This:

    1. Red
    2. Orange
    3. Yellow   
    

    Will produce this output:

    1. Red
    2. Orange
    3. Yellow

    We do not have to correctly number the list items as Markdown takes care of the numbering automatically. This:

    9999. First item
    23. Second item
    8. Third item
    

    Will produce this output:

    1. First item
    2. Second item
    3. Third item

    Paragraphed list items

    We can create paragraphed list items by inserting a blank line between each list item. This

    - Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. 
    
    - Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text.
    
    - Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text.
    

    Will produce this output:

    • Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text. Paragraph 1 text.

    • Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text. Paragraph 2 text.

    • Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text. Paragraph 3 text.

    Multi-paragraph list items containing Markdown

    We can create multi-paragraph list items by indenting the subsequent paragraphs by 4 spaces. A list item can also include other Markdown formatting. This:

    - This is paragraph 1 of list item 1.
    
        Second paragraph (indented by 4 spaces).
        >and a blockquote (indented by 4 spaces).       
    
    - List item 2 contains a nested list
     - Nested item 1
     - Nested item 2
    

    Will produce this output:

    • This is paragraph 1 of list item 1.

      Second paragraph (indented by 4 spaces).

      and a blockquote (also indented by 4 spaces).

    • List item 2 contains a nested list

      • Nested item 1
      • Nested item 2

    Links

    Markdown can be used to create clickable links in a number of ways.

    Automatic links

    Links will be automatically clickable if enclosed in angle brackets, < and >. This also applies to email addresses. This:

    Email me at <email_address_goes_here> and I will never get your emails.   
    This is a website: <http://www.example.com>.  
    

    Will produce this output:

    Email me at [email protected] and I will never get your emails.
    This is a website http://www.example.com.

    In-line links

    We use square brackets to indicate the text we want to turn into a link, and enclose the URL with round brackets. We can also include an optional title which will appear when a user hovers on the link. This:

    This is an [example](http://example.com/ "Optional title in double quotes - separated from the link with at least one space") of an inline link.
    

    Will produce this output:

    This is an example of an inline link.

    Reference links

    Reference links allow us to reference our links with names which have been defined elsewhere in the text. This is useful if we need to link to the same URL many times. Link names may contain alphanumeric characters and spaces, and are not case sensitive. We use square brackets to indicate the text we want to turn into a link, and square brackets to reference the link name.

    This (the reference link names are 1,2):

    TutnIQ supports embedding of video from [YouTube][1] and [Vimeo][2].
    
    [1]: http://www.youtube.com/  "YouTube - this title appears when we hover on the link and is optional"
    [2]: http://www.vimeo.com/  "Vimeo"
    

    Will produce this output:

    TutnIQ supports embedding of video from YouTube and Vimeo.

    A web address should always start with http:// or https://. If you omit this, Markdown will assume that link is an internal TutnIQ link - if this is not your intention, the link will be broken.

    Images

    TutnIQ does not currently support image uploads, or images in Markdown formatted text.

    Instead of manually including images in Markdown we suggest that you use the "Embed web content" option under the "Add content" menu in the course builder to embed images in your course (restricted to sites supported for embed purposes, for example: Flickr).

« Previous
[Section: 2 of 3]
ad placeholder

Sharing is caring!

About the author

Course stats

My progress

Find related courses