Html basics

Often students contribute to the notes for this course in their student projects. Previously, students would often provide material in pdf format but it often happened that a mistake was discovered later and we could not easily correct the pdf file. For this reason, contributions to the notes should be provided in html. The format of html is similar to latex. For nonstandard symbols like ö or α, use html entities.

Below are some buttons that load html examples into the textbox on the left which are then rendered in the iframe on the right. An iframe is like a webpage embedded in a webpage. You can modify the text in the textbox and press the 'Execute' button to see how that changes the output.


Hello world!

<p>Mathjax uses latex expressions to render mathematics in a web page. You need to include the Mathjax header you see in the texbox on the left and then you can put mathematical expressions inline by putting them between $\$$ signs. For instance  $x^2$ and  $\hbar\omega$ are inline expressions.</p>

<p>Centered equations can be included in an equation environment. See the source code on the left to see how the following equations are coded.</p>

\[ \begin{equation}
-\frac{\hbar^2}{2m}\nabla^2\psi +V(x)\psi=E\psi.
\end{equation} \]

\begin{equation}
\vec{F} = q(\vec{E}+\vec{v}\times\vec{B}).
\end{equation}

\[ \begin{equation}
\chi\left(\omega\right)=\frac{v\left(\omega\right)}{F\left(\omega\right)}=\int\limits_{-\infty}^{\infty}g\left(t\right)e^{-i\omega t}dt.
\end{equation} \]

<p>This example uses a Content Delivery Network (CDN). The code that is needed to display equations is loaded from a remote server. The code is in the Mathjax.js file that is retrieved from cdnjs.cloudflare.com.</p>

For more information about html, visit the w3schools HTML tutorial.