1 Abstract

This document contains the followings;

style.css
~~header.html~~
footer.html
~~rubbishheader.html~~

Things you should take note of are;

html output: html_document vs bookdown::html_document2 (contains internal link function)
header.html: without external header.html vs with external header.html
footer.html: show separate contents

2 Basic use

End a line with two spaces to start a new paragraph.
That is not bold.
inline code
sub₂
superscript²
~~strikethrough~~
ellipsis: …
It is a dashline –
Another dashline —

Text here!

This is block quote.
—Stewart Li

ordered list
item 2

sub-item 1
sub-item 2

Table Header	Second Header
Table Cell	Cell 2
Cell 3	Cell 4

A footnote ¹

2.1 Horizontal lines

Insert a line

or

2.2 Skip a line

A first sentence

A seconde sentence

2.3 Highlight a piece of text
This is my first conclusion
This is my second conclusion

2.4 Equations

This summation expression $\sum_{i=1}^n X_i$ appears inline.

\[A = \pi*r^{2}\]

2.5 Center an image

Figure 2.1: R Audit logo

2.6 White space around img

2.7 Embedded vedios

Can not be displayed: http vs https vs restrictions
or html tag a

knitr::include_url(“http://www.youtube.com/embed/9bZkp7q19f0?rel=0”)

2.8 Tabs for sub-chapters

Save space in your document using buttons or tabs for sub chapters.

3 Column layout

3.1 Two columns

The following html codes contain two coloumn layout, text highlight, and figure caption. Refer to stackflow for more.

3.2 Grid columns

This example shows how to use CSS Grid in the rmarkdown document. Refer to holtzy for more.

Since R Markdown use the bootstrap framework under the hood. It is possible to benefit its powerful grid system. Basically, you can consider that your row is divided in 12 subunits of same width. You can then choose to use only a few of this subunits.

Here, I use 3 subunits of size 4 (4x3=12). The last column is used for a plot. You can read more about the grid system here. I got this result showing the following code in my R Markdown document.

4 Internal struture

4.1 Two figures in a row

4.2 Figures caption

Figure 4.1: Here is a really important caption.

4.3 Use DT

4.4 Internal link

Refer to this tutorial for more.

See section 4. I mean see this section.
namely in section 4.3
In Figure 4.1, we see a great reference meme.
In Table 4.1 we see a few stopping.

Table 4.1: Some stopping distances cars
speed	dist
4	2
4	10
7	4
7	22
8	16

So the reference for Figure 4.2 requires an extra back-slash to do what we want.

$Under more **pressure** than the caption shown in Figure \@ref(fig:captain)$

Figure 4.2: Under more pressure than the caption shown in Figure 4.1

(ref:pressure-text-ref) Under more pressure than the caption shown in Figure 4.1

Figure 4.3: (ref:pressure-text-ref)

5 Communication

5.2 Create a template

Create your own rmarkdown template

6 References

HTML/CSS;

Traversy Media HTML beginer
Traversy Media CSS beginer
Traversy Media CSS Flexbox beginer
Traversy Media CSS Grid beginer

Rmarkdown;

Useful links;

Include logo
RStudio discussion
Corporate template

Rmarkdown HTML Output

Functions summary

Stewart Li (MCom, BSc, CA, ACCA)

Song Peng (BSc, CA)

21 June 2019 (updated on 26 June, 2019)

1 Abstract

2 Basic use

2.1 Horizontal lines

2.2 Skip a line

2.3 Highlight a piece of text

2.4 Equations

2.5 Center an image

2.6 White space around img

2.7 Embedded vedios

2.8 Tabs for sub-chapters

3 Column layout

3.1 Two columns

3.2 Grid columns

4 Internal struture

4.1 Two figures in a row

4.2 Figures caption

4.3 Use DT

4.4 Internal link

5 Communication

5.2 Create a template

6 References

Rmarkdown HTML Output

Functions summary

Stewart Li (MCom, BSc, CA, ACCA)

Song Peng (BSc, CA)

21 June 2019 (updated on 26 June, 2019)

1 Abstract

2 Basic use

2.1 Horizontal lines

2.2 Skip a line

2.3 Highlight a piece of text

2.4 Equations

2.5 Center an image

2.6 White space around img

2.7 Embedded vedios

2.8 Tabs for sub-chapters

3 Column layout

3.1 Two columns

3.2 Grid columns

4 Internal struture

4.1 Two figures in a row

4.2 Figures caption

4.3 Use DT

4.4 Internal link

5 Communication

5.1 Share html files

5.2 Create a template

6 References