L A TEX HTML 2000 7 2 ([-30]5051.49) 1 2 1.1.............................................. 2 1.2.............................................. 2 1.3................................................ 2 1.4............................................. 2 1.5........................................... 3 2 L A TEX HTML 3 2.1...................................... 3 2.2........................................... 4 3 4 3.1............................................. 4 3.2............................................ 5 3.3................................................. 5 3.4.................................................. 5 3.5........................................ 6 3.6.................................................. 6 3.7.................................................. 7 3.8................................................ 7 3.8.1 L A TEX....................................... 7 3.8.2 HTML...................................... 8 3.9................................................ 8 4 10 4.1................................................ 10 4.2................................................ 10 4.3....................................... 10 4.4.............................................. 11 4.5............................................. 11 5 12 6 13 6.1 L A TEX........................................... 13 6.2 HTML............................................. 14 6.3.............................................. 14 7 15 8 15 9 15 10 JavaScript 16 1
1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX: L A TEX 3.14159 π Metafont 2.7182 e (e) PostScript LIPS 1.4 p.28 2
1.5 this type of marks a double quotation mark () (:) (;) this is quoted sentense, and 2 L A TEX HTML 2.1 \documentclass{jarticle} \title{ } \author{} \date{ } \begin{document} <html> <head> <title> </title> </head> <body> HTML L A TEX jarticle jreport, jbook \begin{document} boxedminipage PostScript \usepackage{boxedminipage} \usepackage[varg]{txfonts} \usepackage[dvips]{graphicx} 3
\end{document} <address> 2000.1.1<br> daresore@hoge.tohoku.ac.jp </address> </body> </html> HTML L A TEX \begin \end HTML <tag> </tag> 2.2 L A TEX: TEX DVI dviware DVI device independent TEX portable dviware PostScript DVI HTML: HTML : (WYSIWYG: What you see is what you get.) 3 3.1 4
3.2 \maketitle <h1> </h1> <big> </big><br> <strong> </strong><p> HTML <title> 3.3 \section{} \subsection{ } <h2> </h2> <h3> </h3> HTML <h1> <h2> \section{ } \subsection{ } \subsubsection{ } <h2> </h2> <h3> </h3> <h4> </h4> L A TEX HTML <h1> <h2> L A TEX jreport, jbook \chapter{...} \part{...} 3.4 5
<p> </p> <p> </p> HTML </p> L A TEX HTML 1 HTML 1 3.5 L A TEX \paragraph{...} \subparagraph{...} HTML <b> </b><br> <br> <p> <b> </b><br> <big>...</big> <h5>, <h6> 3.6 6
\begin{quote}... \end{quote} <blockquote>... </blockquote> L A TEX quotation HTML <b> </b> <blockquote> <br> <p> </blockquote> 3.7 L A TEX \footnote{...} HTML 3.8 L A TEX HTML 3.8.1 L A TEX \label{name} \ref{name} 2 \ref{sec:xref} \begin{equation} f(x)=\sin x \label{eq:example} \end{equation} (\ref{eq:example}) 3.8 (1) f (x) = sin x (1) 7
3.8.2 HTML HTML <a name="xref"> </a> <a href="#xref"> </a> href name HTML <a href="http://www.hoge.ac.jp/hoge.html"> </a> <address> ID <a href="mailto:hoge@hoge.tohoku.ac.jp">hoge@hoge.tohoku.ac.jp</a> <a href="./hokano.html#dokosoko"> </a> 3.9 8
\begin{itemize} \item \item \begin{itemize} \item \item \end{itemize} \item \end{itemize} <ul> <li> <li> <ul> <li> <li> </ul> <li> </ul> 1. 2. 3. \begin{enumerate} \item \item \label{en:2nd} \item \end{enumerate} <ol> <li> <li> <li> </ol> L A TEX \label \begin{description} \item[] \item[] \item[] \end{description} <dl> <dt> <dd> <dt> <dd> <dt> <dd> </dl> HTML 2 <dl compact> 9
4 4.1 \begin{center} \\ \end{center} <center> <br> </center> \begin{flushleft} \\ \end{flushleft} <p align="left"> <br> </p> left right HTML </p> \begin{verbatim} L A TEX \end{verbatim} <pre> </pre> 4.2 % <!-- --> 4.3 2 10
{\em...} {\it...} <em>...</em> <i>...</i> em HTML {\bf...} <strong>...</strong> <b>...</b> <strong> \underline{...} <u>...</u> L A TEX 2 {\tt...} <tt>...</tt> 4.4 HTML <big>...</big> <small>...</small> <font size=...> 4.5 11
\medskip \hrule \medskip </p> <hr> <p> 5 L A TEX HTML L A TEX HTML GIF HTML <pre> L A TEX \begin{equation} f(x)=\sin x \label{eq:eq1} \end{equation} f (x) = sin x (2) \begin{eqnarray} f(x) & = & \sin x \label{eq:eqn1} \\ g(x) & = & \int_0ˆ\infty h(x) \,\mbox{d} x \label{eq:eqn2} \end{eqnarray} f (x) = sin x (3) g(x) = 0 h(x) dx (4) d d d \,\mbox{d} \, displaymath, eqnarray* \mbox{} \begin{eqnarray} f(x) & = & axˆ3+b \\ & & - bxˆ2 \\ & & \mbox{} - cx \end{eqnarray} f (x) = ax 3 + b (5) bx 2 (6) cx (7) 3 12
1: PostScript plain-tex $$ $$ f(x) = axˆ3+b \eqno{(*)} f (x) = ax 3 + b ( ) 6 6.1 L A TEX L A TEX figure, table 2 TEX 13
\begin{figure} \begin{center} \includegraphics{hoge1.ps}\\ \includegraphics{hoge2.ps} \end{center} \caption{ }\lable{fig:hoge} \end{figure} \begin{table} \caption{ \protect\cite{hogehoge}} \label{tab:hogege} \begin{center} \begin{tabular}{ l r r } \hline... \end{tabular} \end{center} \end{figure} \protect 6.2 HTML <img border=0 align="bottom" alt=" " src="./photos/hoge.gif"> alt 2 <img border=0... src="./leftphoto.gif"><!-- --><img border=0... src="./rightphoto.gif"> HTML <a target="photoswindow" href="./photos/hoge.gif"> </a> photoswindow HTML JavaScript 6.3 L A TEX tabular HTML <table> <tr>, <th>, <td> HTML 14
7 L A TEX \begin{thebibliography}{99} \bibitem{hogehoge} Lastname, A. and Lastname, B., \newblock \emph{j. Appl. Mech., JSCE,} \newblock Vol.4, pp.45-50, 2002.... \end{thebibliography} 99 10 TEX 10 {5} hogehoge \cite{hogehoge} 8 L A TEX \tableofcontents 2 HTML <big><b> </b></big> <ul> <li><a href="#1st"> </a> <ul> <li><a href="#1st1"> </a> <li><a href="#1st2"> </a> <li><a href="#1st3"> </a> <li><a href="#1st4"> </a> </ul> <li><a href="#2nd">latex HTML </a>... </ul> <p> <a name="1st"> <h2> </h2> </a> <a name="1st1"> <h3> </h3> </a> 9 HTML Java 15
10 JavaScript DOKUGAKU JavaScript JavaScript laboratory JavaScript Made Easy!! Timothy s JavaScript Examples Nic s JavaScript Page 16