<h3> HTML Tags </h3> <p>For projects that involve programming, it's important to document your code in a clear and legible way. Writing comments in your code is always helpful (for others and for future you). Code should be documented using the proper HTML tags, never with screenshots. </p> <p> For files that are too large to be reasonably pasted on your page, or for .zip folders containing multiple files, you are encouraged to make files downloadable. You do this by placing the .zip file (or any other kind of file) in your weekly directory and adding a link to it using the <code>download</code> attribute like this: </p> <pre><code class="html"> &lta href='./path-to-file' download &gt Download my file! &lt\a&gt </code> </pre> <p> For short, in-line code snippets, you can use the HTML <code>&ltcode&gt</code> tags, which <code>looks something like this</code> (depending on your CSS). </p> <p> For multi-line excerpts, wrap the <code>&ltcode&gt</code> tags in <code>&ltpre&gt</code> tags, like this: </p> <pre><code class="html"> &ltpre&gt&ltcode&gt void loop(){ int i = 2; int j = 3; } &lt/code&gt&lt/pre&gt </code> </pre> <p> For even better legibility, you can use CSS libraries to style your code snippet to look like it does in the Arduino IDE. You can do this by either (1) right-click > "Copy as HTML" in Arduino IDE, or (2) paste these lines in the <code>head</code> section of your HTML page: </p> <pre><code class="html"> &ltlink rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/arduino-light.min.css"&gt &ltscript src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js">&lt/script&gt &ltscript src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/arduino.min.js"&gt&lt/script&gt &ltscript&gthljs.initHighlightingOnLoad();&lt/script&gt </code> </pre> <p> Then add the <code>language-arduino</code> class to your <code>code</code> tag (other languages have their own classes): </p> <pre><code class="html"> &ltpre&gt&ltcode class="language-arduino"&gt void loop(){ int i = 2; int j = 3; } &lt/code&gt&lt/pre&gt </code> </pre> <p> The result should look like this:</p> <pre><code class="language-arduino"> void loop(){ int i = 2; int j = 3; } </code></pre>