Skip to content

Files

Latest commit

author
Qian Shengyi
Nov 12, 2016
2ac5e57 · Nov 12, 2016

History

History
115 lines (79 loc) · 2.04 KB

README.md

File metadata and controls

115 lines (79 loc) · 2.04 KB

front-end-tutorial

A simple introduction to web front-end development used in SSTIA in 2016 Fall.

Markdown

Headings (section)

# title
## subtitle
### subsubtitle (subsubsection?)

unordered list (itemize)

  • the first item
    • subitem
    • subitem
      • subsubitem
  • the second item

ordered list (enumerate)

  1. the first item
    • hyper subitem
  2. the second item

code block

#include <stdio.h>

int main() {
	printf("Hello world\n");
    return 0;
}

LaTeX Math

$$\frac{d}{dx}x^2 = 2x$$

image

Note that the website or software need support mathjax to render LaTeX formula.

Others

HTML

Translation

Markdown

# How to survive in JI
There are too many dues in JI.
- Vv186 Honors Mathematics II
- Vg101 Introduction to Programming

HTML

<!DOCTYPE html>
<html lang='en'>
<head>
	<title>How to survive in JI</title>
</head>
<body>
	<h1>How to survive in JI</h1>
    <p>There are too many dues in JI.</p>
    <ul>
    	<li>Vv186 Honors Mathematics II</li>
        <li>Vg101 Introduction to Programming</li>
    </ul>
</body>
</html>

Links

CSS

  • 层叠样式表
  • Separate style and contents. Just examples.

Selectors

  • tag: div
  • class: btn-default
  • id: slide

Properties

  • font-family: "Microsoft Yahei", sans-serif
  • font-size: 12px pt 10%
  • margin-left: auto
  • margin-right: auto
  • padding-left: 12pt
  • text-align: center
  • lots

Links

Javascript

Static -> dynamic

TBD