\documentclass[14pt,xcolor=table]{classPres}
\usepackage{booktabs}

\author{}
\title{Traitement de l'information \\ WEB}
\date{Mai 2021}

\begin{document}

\frame{\titlepage}

\begin{frame}{Langages du WEB}
    \begin{columns}
        \begin{column}{0.3\textwidth}
            \begin{center}
                \includegraphics[scale=0.4]{./fig/CSS3_logo.png}
                Décoration
            \end{center}
        \end{column}
        \begin{column}{0.3\textwidth}
            \begin{center}
                \includegraphics[scale=0.9]{./fig/HTML5_logo.png}
                Contenu
            \end{center}
        \end{column}
        \begin{column}{0.3\textwidth}
            \begin{center}
                \textbf{Javascript}
                \includegraphics[scale=0.3]{./fig/JavaScript_logo.png}
                Interaction
            \end{center}
        \end{column}
    \end{columns}
\end{frame}

\begin{frame}{Personnalisation de Zozor}
    \begin{itemize}
        \item Copier coller le répertoire ...
        \item Ouvrir avec un navigateur \texttt{index.html}
        \item Ouvrir avec un éditeur de texte (Notepad++) \texttt{index.html}
    \end{itemize}

    \begin{center}
        \includegraphics[scale=0.5]{./fig/notepad_firefox}
    \end{center}
\end{frame}

\begin{frame}{HTML - balises}
    \begin{center}
        \includegraphics[scale=2]{./fig/anatomie-element-html}
    \end{center}


    \small
    \begin{multicols}{2}
        \begin{itemize}
            \item \texttt{<p> ... </p>}
            \item \texttt{<h1> ... </h1>}
            \item \texttt{<h2> ... </h2>}
            \item \texttt{<strong> ... </strong>}
            \item \texttt{<ul> ... </ul>}
            \item \texttt{<li> ... </li>}
            \item \texttt{<img src="..." alt="...">}
            \item \texttt{<a href="..."> ... </a>}
        \end{itemize}
    \end{multicols}

\end{frame}



\end{document}