Skip to content

Latest commit

 

History

History
267 lines (180 loc) · 3.86 KB

common-component.md

File metadata and controls

267 lines (180 loc) · 3.86 KB
Raw
Heading components section

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Alternate Syntax for Heading 1 and Heading 2 under Headings sections

Heading 1

Heading level 2

Paragraph components section

Paragraph example

Line Break components section

Paragraph example
Line break paragraph example

Emphasis components section

This is component Bold

Bold example

This is component Italic

Italic example

This is component Bold and Italic

Bold and Italic example

This is component Blockquotes

Blockquotes example

This is component Nested Blockquotes

Blockquotes example

Nested Blockquotes example

For more Nested Blockquotes, can put > before the first one Unnested Blockquote Another nested blockquote

Blockquote

Indented blockquote

Nested Blockquotes example

Continuation of original

List components section

Ordered Lists

  1. First item example
  2. Second item example
  3. ...

Unordered Lists

  • First item example
  • Second item example
  • ...

Adding Elements in Lists

Paragraphs

  • This is the first list item.

  • Here's the second list item.

    I need to add another paragraph below the second list item.

  • And here's the third list item.

Blockquotes

  • This is the first list item.

  • Here's the second list item.

    A blockquote would look great below the second list item.

  • And here's the third list item.

Code Blocks

  1. Open the file.

  2. Find the following code block on line 21:

     <html>
   <head>
     <title>Test</title>
   </head>

  3. Update the title to match the name of your website.

Images

  1. Open the file containing the Linux mascot.

  2. Marvel at its beauty.

  3. Close the file.

Lists

  1. First item
  2. Second item
  3. Third item
    • Indented item
    • Indented item
  4. Fourth item
Code components section

Code example

Escaping Backticks

Use `code` in your Markdown file.

Code blocks

<html>
  <head>
  </head>
</html>

Horizontal components section

Horizonal

Example

Link components section

Adding titles

URLs and Email Address

Formatting Links

Image components section

Inline-style: ![[assets/common-component/fe9d47fb207a78f2ab92b1b77ffcd46b_MD5.png|"Logo Title Text 1"]]

Reference-style: alt text

![[assets/common-component/d45f91af580deb773c11b9fea4eabd4c_MD5.png|"The Stormtroopocat"]]

Like links, Images also have a footnote style syntax

Alt text

With a reference later in the document defining the URL location:

Syntax Highlighting:

  • SQL:
SELECT * FROM users
  • Python:
# This is a comment
def hello_world():
    print("Hello, world!")
  • HTML:
<!-- This is a comment -->
<h1>Hello, world!</h1>
  • JavaScript:
// This is a comment
function helloWorld() {
    console.log("Hello, world!");
}
  • C++:
// This is a comment
#include <iostream>
using namespace std;

void helloWorld() {
    cout << "Hello, world!" << endl;
}
  • Markdown:
<!-- This is a comment -->
# Hello, world!