Posts Text and Typography
Post
Cancel

Text and Typography

Preview Image

Titles


1
2
3
4
# H1 - heading
## H2 - heading
### H3 - heading
#### h4 - heading

H1 - heading

H2 - heading

H3 - heading

H4 - heading



Paragraph


1
2
3
4
5
6
7
Apple Inc. is an American multinational technology company

headquratered in Cupertino, California, that designs, develops,

and sells consumer electronics, computer software, and online services

(Source from Wikipedia)

Apple Inc. is an American multinational technology company

headquratered in Cupertino, California, that designs, develops,

and sells consumer electronics, computer software, and online services

(Source from Wikipedia)



Lists


Ordered list

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

Unordered list

1
2
3
- First
	- Second
		- Third
  • First
    • Second
      • Third

Task list

1
2
3
4
5
6
- [ ] First
- [x] Second
- [ ] Third
  - [x] 1
  - [ ] 2
  - [ ] 3
  • First
  • Second
  • Third
    • 1
    • 2
    • 3

Description list

1
2
3
4
5
Sun
: the star around which the earth orbits

Moon
: the natural satellite of the earth, visible by reflected light from the sun
Sun
the star around which the earth orbits
Moon
the natural satellite of the earth, visible by reflected light from the sun

Block Quote


1
2
3
> First Block Quote
> > Second Block Quote
> > > Third Block Quote

First Block Quote

Second Block Quote

Third Block Quote

Tables


1
2
3
4
5
| Fruits | Color  | Price    |
|:-------|--------|---------:|
| Apple  | Red    | 3000 won |
| Banana | Yellow | 5000 won |
| Orange | Orange | 3000 won |
FruitsColorPrice
AppleRed3000 won
BananaYellow5000 won
OrangeOrange3000 won




1
2
<http://127.0.0.1:4000>
[link](http://127.0.0.1:4000)

http://127.0.0.1:4000
link

Footnote


1
This is a footnote[^1] and this is another one[^2]. This is the last one[^3].

This is a footnote1 and this is another one2. This is the last one3.

Images


  • Default (with caption)

Desktop View Full screen width and center alignment


  • Specify width

Desktop View 400px image width


  • Left aligned

Desktop View


  • Float to left

    Desktop View “A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space.”


  • Float to right

    Desktop View “A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space.”


Mermaid SVG

 gantt
  title  Adding GANTT diagram functionality to mermaid
  apple :a, 2017-07-20, 1w
  banana :crit, b, 2017-07-23, 1d
  cherry :active, c, after b a, 1d

Mathematics

The mathematics powered by MathJax:

\[\sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6}\]

When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]

Inline code

This is an example of Inline Code.

Code block

Common

1
This is a common code snippet, without syntax highlight and line number.

Specific Languages

Console

1
2
3
$ env |grep SHELL
SHELL=/usr/local/bin/bash
PYENV_SHELL=bash

Ruby

1
2
3
4
def sum_eq_n?(arr, n)
  return true if arr.empty? && n == 0
  arr.product(arr).reject { |a,b| a == b }.any? { |a,b| a + b == n }
end

Shell

1
2
3
4
if [ $? -ne 0 ]; then
    echo "The command was not successful.";
    #do the needful / exit
fi;

Liquid

1
2
3
{% if product.title contains 'Pack' %}
  This product's title contains the word Pack.
{% endif %}

Java

1
2
3
4
5
6
private void writeObject(java.io.ObjectOutputStream s)
  throws java.io.IOException {
  // Write out any hidden serialization magic
  s.defaultWriteObject();
  for (E e: map.keySet()) s.writeObject(e);
}

Swift

1
2
3
func printValue(value: String) {
	print("The value is : \(value)")
}

Reverse Footnote

  1. First Footnote 

  2. Second Footnote 

  3. Third Footnote 

This post is licensed under CC BY 4.0 by the author.

-

Swift) 1. Swift의 특징

Comments powered by Disqus.