hey hey.

document as you go!

HTML Basics
line breaks
headers
lists
media
images
videos
resources & tutorials
now you get fancy with with a css style script and <div> tags which allow you to define blocks with sepcific styles on the html page !

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
so that this:

<h1>header 1</h1> <h2>header 2</h2> <h3>header 3</h3> <h4>header 4 </h4> <h5>header 5</h5>
should look like this:



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>
so that this:

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
  • bullet one
  • bullet two
  • bullet three

media

images

embed images with the <img> tag
<img src="path/to/img_file.png" alt="alternative text description" width="500" height="600">
example image




videos

or videos with <video> tag

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

more resources and tutorials