View on GitHub

reading-notes

My Reading Notes for Code Fellows Class

Basics of HTML, CSS & JS

HTML Text Fundamentals.

Paragraphs wrapped by the <p> </p>

Headings are wrapped by the <h1> </h1>

rule of thumb use no more than three heading types, stay in correct order, and h1 is at the top of page

Important to use headings and paragraphs to make it user friendly

Without headings SEO (Search Engine Optimization) will not run efficently and the computer won’t output the page as the coder intended

Screen reader won’t run effectively for user with no proper semantics

CSS and java script won’t run effectively without the proper semantics

with inline CSS can make something look like h1, but that’s extra unnecesary work and the SEO won’t read it offically as a title

, <ol> </ol> for unorderd lists

    • for ordered list items

    Nesting elemnts for list should go like this:

    to emophasis inline paragrapgh text

    with inline CSS to italize

    to strongly show importance in line text in paragraph; bold.

    and with CSS to style better with bold

    is used to convey a meaning traditionally conveyed by italic: foreign words, taxonomic designation, technical terms, a thought… is used to convey a meaning traditionally conveyed by bold: keywords, product names, lead sentence… is used to convey a meaning traditionally conveyed by underline: proper name, misspelling...

    (reference: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals)

    HTML Advanced Text Formatting

    is description lists Wrapped with
    for description term Also
    for description definition> for references When using qoutes use text attribute helps underline and italize reference and easier for screen readers abbreviation </abbr> The full abbreviation text will appear when hovered over abbreviation
    author details
    is used for super script in smaller front and is displayed in smaller front next to text; like dates is used to define subscipt text; like chemical formulas ## Questions Computer code elements: - : For marking up generic pieces of computer code. - 
    : For retaining whitespace (generally code blocks) — if you use indentation or excess whitespace inside your text, browsers will ignore it and you will not see it on your rendered page. If you wrap the text in 
     tags however, your whitespace will be rendered identically to how you see it in your text editor.

- : For specifically marking up variable names.

- : For marking up keyboard (and other types of) input entered into the computer.

- : For marking up the output of a computer program.

 used for time and dates 

 used solely for time

 used for combination of date and time 
(reference: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting)

## Questions

1. Why is it important to use semantic elements in our HTML?

The importance to use semantics is to make it user friendly. Without headings SEO  will not run efficently and the computer won't output the page as the coder intended. Also, screen reader won't run effectively for user with no proper semantics. Finally,  CSS and java script won't run effectively without the proper semantics either.

2. How many levels of headings are there in HTML?

There are 6 levels.

3. What are some uses for the   and   elements?

 is used for super script in smaller front and is displayed in smaller front next to text; like dates.
 is used to define subscipt text; like chemical formulas.

4. When using the   element, what attribute must be added to provide the full expansion of the term?
The tile= "spelled out acronym" is used for abbreviations.

## How CSS Is Structured

External CSS has a  in the head 

Internal CSS has