This document provides an overview and introduction to LaTeX, including: 1. An overview of LaTeX and its history, uses, and related software like TeX and Overleaf. 2. An example "Hello World" LaTeX document and explanations of common commands. 3. Descriptions of LaTeX structures like document classes, packages, environments, and global structure. 4. Explanations of formatting text, lists, tables, figures, citations, bibliographies and more. 5. Tips for LaTeX best practices like defining colors, languages, hyphenation, and building documents.

1. LaTeX Tutorial
2015.01.28

2. Agenda
•
• LaTeX
• Hello LaTeX!
•
• Bibliography
• Build
• Writing Tips

3. LaTeX
• LaTeX TeX Leslie
Lamport
• Leslie Lamport: LaTeX, Paxos algorithm, 2013
Turing award
• TeX Knuth

4. LaTeX
•
• Word + OneNote LaTeX
•
•
• Knuth The Art of Computer Programming
TeX
•

5. LaTeX
• Beamer
• Pandoc
• musixtex
• circuitkz
•

6. • LaTeX
• /ˈleɪtɛk/ /ˈlɑːtɛk/
• X k

7. LaTeX
• Overleaf
• https://www.overleaf.com
• writelatex WYSIWYG
• build ...
• StackExchange TeX
• http://tex.stackexchange.com
• BJ4

8. LaTeX
• LaTeX Wikibook
• http://en.wikibooks.org/wiki/LaTeX
• (?)
• CTAN
• http://www.ctan.org
• TeX package
• API Reference

9. Installation
• http://en.wikibooks.org/wiki/LaTeX/Installation
• Linux: TeX Live package
• distribution
200 - 300 MB
• Windows: MiKTeX 160 MB
• Mac: MacTeX 2.4 GB

10. Hello LaTeX!
documentclass[a4paper, 12pt]{report}
begin{document}
Hello, LaTeX{}!
emph{Welcome} to this textbf{world}!
Itorq{}s formula:
$$ dX_t = mu_tdt + sigma_tdB_t $$
end{document}

12. documentclass[a4paper, 12pt]{report}
begin{document}
Hello, LaTeX{}!
emph{Welcome} to this textbf{world}!
Itorq{}s formula:
$$ dX_t = mu_tdt + sigma_tdB_t $$
end{document}

13. documentclass[a4paper, 12pt]{report}
begin{document}
Hello, LaTeX{}!
emph{Welcome} to this textbf{world}!
Itorq{}s formula:
$$ dX_t = mu_tdt + sigma_tdB_t $$
end{document}
• documentclass
•
• a4paper: A4
• 12pt: 12
• report:

14. documentclass[a4paper, 12pt]{report}
begin{document}
Hello, LaTeX{}!
emph{Welcome} to this textbf{world}!
Itorq{}s formula:
$$ dX_t = mu_tdt + sigma_tdB_t $$
end{document}
• begin end
•
•
document

15. documentclass[a4paper, 12pt]{report}
begin{document}
Hello, LaTeX{}!
emph{Welcome} to this textbf{world}!
Itorq{}s formula:
$$ dX_t = mu_tdt + sigma_tdB_t $$
end{document}
• • LaTeX:
LaTeX
command

16. documentclass[a4paper, 12pt]{report}
begin{document}
Hello, LaTeX{}!
emph{Welcome} to this textbf{world}!
Itorq{}s formula:
$$ dX_t = mu_tdt + sigma_tdB_t $$
end{document}
• emph: emphasis
• textbf:
• rq: right quote
• .tex

17. documentclass[a4paper, 12pt]{report}
begin{document}
Hello, LaTeX{}!
emph{Welcome} to this textbf{world}!
Itorq{}s formula:
$$ dX_t = mu_tdt + sigma_tdB_t $$
end{document}
• $
TeX
• $
$
•

18. • .tex
• indent
• # $ % ˆ & _ { } ̃
• Tab
• %

19. LaTeX Group
• { } group
•
{
color{red}
This line will be red.
}
This line will not.

20. LaTeX Command
• command
• function
• { } argument
• [ ] optional option
•

21. LaTeX Environment
• begin{name} end
environment
• Environment command
environment

22. Input TeX Files
• include
• input{another.tex}
• another.tex
input
• .tex
input

23. • Global structure
• Document class
• Package
• Chapter, section, subsection

24. Global Structure
documentclass{…}
usepackage{…}
% settings
begin{document}
% content…
end{document}
• document
class
•
•
• document

25. Document Class
article Journal short report etc.
report chapter
book
book
IEEEtran IEEE Transaction format
•

26. Document Class
• options
10pt, 11pt, 12pt
10pt
12pt
a4paper, letterpaper
onecolumn, twocolumn column twocolumn
twoside, oneside
book twoside article & report
oneside

27. Package
• usepackage{…} package
• usepackage{verbatim}
•
•
• cite citation
• graphicx
• tabularx
• listings

28. • LaTeX
• chapter book report
• section
• subsection
• subsubsection

29. ...
• List (ordered &
unordered)
• Font
• Source code
• Table
• Table of Contents
• Citation and Footnote
• Figure
• Reference

30. List (unordered)
begin{itemize}
item The first item
item The second
item The third
end{itemize}
• The first item
• The second
• The third

31. List (ordered)
begin{enumerate}
item The first item
item The second
item The third
end{enumerate}
1. The first item
2. The second
3. The third

32. begin{enumerate}
item The first item
begin{itemize}
item 1 of the first
item 2 of the first
end{itemize}
item The second
end{enumerate}
1. The first item
• 1 of the first
• 2 of the first
2. The second

33. Font
• textbf{…}
• emph{…}, italic{…}
• monospace texttt{…}

34. • listings
• usepackage{listings}
• lstlistings
begin{lstlistings}[breakline]
int my_count = 0;
println(“hello world!”);
end{lstlistings}

35. • syntax highlight
• document
lstset{
language=C,
numbers=none,
tabsize=2,
basicstyle=ttfamilysmall,
breakatwhitespace=true
}

36. • LaTeX
•
• PPT

37. begin{tabular}{ l l l }
1 & 2 & 3
4 & 5 & 6
7 & 8 & 9
end{tabular}
1 2 3
4 5 6
7 8 9

38. begin{tabular}{ | c | c | c | }
hline
1 & 2 & 3
hline
4 & 5 & 6
hline
7 & 8 & 9
hline
end{tabular}
1 2 3
4 5 6
7 8 9

39. Column
c
l
r
p{12cm}
| column
|| column

40. • tableofcontents
•
• book: chapter, section, subsection
• report: section, subsection, subsubsection

41. Citation
• usepackage{cite}
• cite{bib_key}
• bib_key bibliography key

42. Citation
Those techniques are usually used in a client-server scenario where
the program is partitioned into tasks and some tasks are offloaded to
the server from clients~cite{MCCSurvey, Chun2011, hung2014mobilefbp}.
Following the emerging HTML5 and JavaScript technologies,
web apps are enhanced with increased capabilities that are more
specific for mobile contexts cite{WEBAPP}.

43. Footnote
• citation bibliography
•
• footnote
• footnote{put footnote texts here}
• footnotemark footnotetext

44. Footnote
Web applications are the most widely-adopted cross-platform
solution for mobile devices,
footnote{This work was in part supported by MOST under
102-2221-E-002-087-MY3 and by III under 104-EC-17-A-24-0691}

45. Footnote
section[Introduction]{Introductionfootnotemark}
footnotetext{This work was in part supported by MOST under
102-2221-E-002-087-MY3 and by III under 104-EC-17-A-24-0691}

46. • usepackage{graphicx}
•
• includegraphics[...]{file_path}
• file_path
• .jpg, .png, .pdf
• .tex input input

47. • includegraphics[width=1.0columnwidth]{…}
• column
• 1.0 .8
• textwidth
twocolumn

48. optional ...
• width=xx height=xx
•
• keepaspectratio
• width height

49. Figure
• Figure graphic graphic
table
• begin{figure} end{figure}

50. Figure: graphic
begin{figure}[htb!]
begin{centering}
includegraphics[width=1.0
columnwidth]{figures/
usecase-webcam}
caption{A distributed
webcams example}
label{fig:usecase-webcam}
end{centering}
end{figure}
figure

52. Figure: table
begin{figure}[htb!]
begin{centering}
begin{tabular}
% table content...
end{tabular}
caption{A distributed webcams example}
label{fig:usecase-webcam}
end{centering}
end{figure}

53. Figure
• Figure float flow
• begin{figure}[htb!]
• placement specifier figure
• h: here source code
• t: top
• b: bottom
• !: LaTeX
• LaTeX
•

54. Figure Graphic
• figure
begin{figure}[htb!]
includegraphics[width=1.0columnwidth]{file1}
caption{Caption 1}
label{fig:file1}
includegraphics[width=1.0columnwidth]{file2}
caption{Caption 2}
label{fig:file2}
end{figure}

55. Label
• label{label_name}
•
• chapter section figure
• label_name
• label{fig:system_architecture}
• label{sec:introduction}

56. Reference
• ref
The high-level overview of Migratom.js is
illustrated in Figure~ref{fig:Architecture}.
• Figure
Chapter Table !!

57. Bibliography
• LaTeX bib
• BibTeX
• .bib key-value pair
citation
• cite{key} Biliography

58. .bib key-value
@article{MCCSurvey,
author = {Fernando, Niroshinie and Loke, Seng W. and Rahayu,
Wenny},
title = {{Mobile Cloud Computing: A Survey}},
journal = {Future Gener. Comput. Syst.},
issue_date = {January, 2013},
volume = {29},
number = {1},
month = jan,
year = {2013},
issn = {0167-739X},
pages = {84--106},
numpages = {23},
url = {http://dx.doi.org/10.1016/j.future.2012.05.023},
doi = {10.1016/j.future.2012.05.023},
acmid = {2388260},
publisher = {Elsevier Science Publishers B. V.},
address = {Amsterdam, The Netherlands, The Netherlands},
keywords = {Mobile cloud computing, Pervasive networks, Task
offload},
}

59. Best Practices
• survey bib
• title
• Google Scholar BibTeX

60. •
• addcontentsline{toc}{chapter}{bibname}
• bibliography{bib_file_name}
• usepackage[notbib]
{tocbibind}

61. • Mac xelatex bibtex
• xelatex thesis.tex
• bibtex thesis.tex
• xelatex thesis.tex
• xelatex thesis.tex
• Linux pdftex

62. 1. xelatex thesis.tex: xelatex cite
thesis.aux
2. bibtex thesis.tex: bibtex thesis.aux
key .bib values
thesis.bbl
3. xelatex thesis.tex: xelatex .bbl
bibliography{…}
4. xelatex thesis.tex:
BibTeX

63. • definecolor
• lstdefinelanguage
• hyphenation
• pdfpages
• listoffigures listoftables
• vspace noindent

64. definecolor
• definecolor{my_red}{RGB}{223,0,2}
{
color{my_red}
This sentence is red.
}

65. lstdefinelanguage
lstdefinelanguage{JavaScript}{
keywords={typeof, new, true, false, catch, function, return, null,
catch, switch, var, if, in, while, do, else, case, break},
keywordstyle=color{jskw}bfseries,
ndkeywords={class, export, boolean, throw, implements, import,
this},
ndkeywordstyle=color{darkgray}bfseries,
identifierstyle=color{black},
sensitive=false,
comment=[l]{//},
morecomment=[s]{/*}{*/},
commentstyle=color{jsgreen}ttfamily,
stringstyle=color{jsred}ttfamily,
morestring=[b]',
morestring=[b]"
}

66. … lstset
lstset{
language=JavaScript,
numbers=none,
tabsize=2,
basicstyle=ttfamilysmall,
breakatwhitespace=true
}

67. Hyphenation
• LaTeX
• hyphenation
• hyphenation{Java-Script}

68. pdfpages
• usepackage{pdfpages}
addcontentsline{toc}{chapter}{ }
includepdf[pages={1}]{cert.pdf}

69. listoffigures & listoftables
• listoffigures listoftables
• tableofcontents

70. vspace
• vspace{5mm}
• v = verticle
• 5mm

71. noindent
• noindent
•

72. Best Practices
• input input
•
• ~
• e.g. i.e.
• emph textbf texttt
• itemize enumerate
• build.sh makefile
• Google Scholar bib
• Git Github Bitbucket
• TeX .gitignore
• https://www.gitignore.io/api/latex