Welcome to My Notebook

Note:
This notebook will constantly be updated!

Check back often!

NO AI WERE USED OR HARMED IN THIS PROJECT!

Original Copy

To Navigate, you can click the pages, use arrow keys, or click the buttons below.

Purposes of this book:

To reinforce my learning, by doing!
Test my ability to transfer knowledge to others.
It's a useful reference tool.

HTML Basics

HTML Elements

This link leads to a page that explains what a element is and has a list of commonly used tags and descriptions.

Guide to Headings

Website Structure Breakdown of a website's basic HTML structure.

Divs Explained:

A Div is a content division element it allows you to divide content into seperate "boxes" which makes it easier for coder to interact with.

To get a better understanding of the order of parents and children take a look at the red box labeled programmer.

aprogrammer

The red box is the div. It appears "last" on screen.

Next to be seen or "appear on screen" would be the blue h1 because it sits on its parent, the red div.
Finally the yellow span sits on top of its parent the blue h1.
To summarize when coding the user will see your coding like this: Yellow first then blue finally red.

CSS-Cascading Style Sheet

The asterisk (*) aka universal selector for CSS, matches all elements in a document, allowing you to apply styles universally.

It can be useful for resetting styles or applying a default style across all elements, but should be used carefully to avoid performance issues.

Theres 3 types of CSS:

In-Line:
Applied directly within an HTML element's style attribute, affecting only that specific element.
Internal:
Defined within a style tag in the head section of an HTML document, influencing the entire page.
External:
Contained in a separate .css file linked to the HTML document, allowing for consistent styling across multiple pages.

Media Queries:

Media Query Notes

Quick JS rundown:

It contains notes on how JS functions, in general and for this notebook!

JS Notes