hey hey.

document as you go!

so you write a simple function website with raw html and a few style tags added to the head section

HTML Basics

line breaks

add a line break like
this
with <br>

Headers

You can organize all of the information in your page with nested header fields of varying sizes with: <h1>header 1</h1> <h2>header 2</h2> <h3>header 3</h3> <h4>header 4 </h4> <h5>header 5</h5> that should look like:

header 1

header 2

header 3

header 4

header 5

Lists

you can create a numbered list (ordered list) with <ol> </ol> or bullet points (unordered list) with <ul> </ul> and then embed list items with <li> </li> number list <ol> <li>first point</li> <li>second point</li> <li>third point</li> </ol> or bullet points <ul> <li>bullet one</li> <li>bullet two</li> <li>bullet three</li> </ul> should end up looking like this:

number list
  1. first point
  2. second point
  3. third point
or bullet points

media

embed images with the <img> tag

< img src="path/to/img_file.jpg" alt="alternative text description" width="500" height="600">

example image

or videos with <video> tag

<video width="320" height="240" controls>
<source src="path/to/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>




more resources and tutorials