w3school - great site for learning html, css, bootstrap and much more
circlejourney's th editor - great coding and editing code
GetBootstrap - for learning bootstrap

Tag
A tag is any element declared inside the HTML. A tag can be anything from a text to a box that hosts a video.
Exemple:

  <p> 'p' is used to write text </p>  <img src="url"> 

Class
A class is a reference to an extterior css style. Declaration of classes are only allowed on th premuim, however there are sever bootstra classes we can use
Exemple:

  <p class="text-center text-white"> 'p' is used to write text </p>

Style and Attributes
A style can be used in almost any tag. Inside stile you can use inline css to decorate your code. each attribute is separated by a ;
Exemple:

  <p style="color: red; border: 1px solid black"> 'p' is used to write text </p>

Text Types
The tags used for writing
<p> <p>  is used for writing any normal text. Can encapsulate other tags, such as 'b' and 'a'
<b> <b>  is used for writing bold text
<i> <i>  is used for writing itallic text
<a href=""> <a>  is used for linking text

Sizes
For sizing your text accordingly
Exemple

  <h1"> text </h1>

<h1> Makes the text big!

<h2> Makes the text big!

<h3> Makes the text big!

<h4> Makes the text big!

<h5> Makes the text big!

<h6> Makes the text big!

or you can use css for pixel sizing:

  <p style="font-size: 25px;"> text goes here </p>

You can use bootstrap classes for displaying titles:

  <p class="display-3"> text goes here </p> 

display-1   display-2  display-3  display-4

Fonts
Toyhouse has a selection of fonts, but web-wide fonts can also work
Syntax:

  <p style="font-family: 'garamond';"> text goes here </p>

Span
Span is a tag used to add styles inside other tags/texts
Exemple:

  <p style="font-family: 'garamond';"> this <span style="color: red"> word </span> is red </p>

Results:

this word is red

Lists
Lists are used for all sorts of stuff. There are two types of lists: ordered and unordered