reading-notes

Text

• structural markup describe headings and paragraphs
• semantic markup extra info; emphasis in sentence, etc
• headings 6 different sizes <h1>-<h6>
• paragraphs paragraph starts on new line <p>
• bold <b>
• italic <i>
• superscript suffixes of dates, math concepts like raise power<sup>
• subscript foot notes or chemical formulas<sub>
• white space makes code easier to read, extra lines or starting elements on new line
• line breaks starts on new line <br>
• horizontal rules change in topic or new scene in play <hr>
• visual editors resemble word processors; allow you to control text
• strong indicates important content <strong>
• emphasis emphasis that subtly changs meaning of sentence <em>
• quotations
  • blockquote longer quotes <blockquote>
  • q shorter quotes <q>
• abbreviations <abbr>
• citations <cite>
• dfn first explanation of new terminology; <dfn>
• author details <address>
• insert shows content inserted in doc <ins>
• delete shows deleted text <del>
• s shows no longer accurate or relevant info <s>

CSS

creates rules that controls how each box/contents present.

• selector indicate element to be applied
• declaration how selector will be styles
• property aspects of elements to change
• value settings for chosen property
• link links to CSS page <link>
• href path to css files
• type attribute specifies type of doc linked to
• rel relations between HTML and file

<link href="cssFilePath.css" type="text/css" rel="stylesheet">

• style css rule within html page <style>
• inheritance value of property is inherited by children

Javascript

• statements step or individual instruction
• comments explain what code does
• variables temporarily stored bits of info; can change
• data types
  • numerical numbers
  • string letters and other characters
  • boolean true or false
• value of variable may be changed later in script
• naming
  1. must begin with letter, $ or _
  2. may contain letters, numbers, $ or _
  3. cannot use keywords or reserved words
  4. case sensitive
  5. describe the info
  6. capitalize 1st letter of 2nd word and beyond
• arrays stores list of values ``` var colors; colors = [‘color1’, ‘color2’, ‘color3’];
• expressions evaluates results in single value
• operators allow programmers to create single value
  • arithmetic mathematical operators
  • string + symbol

Decisions and Loops

• decisions 2 components
  1. expression evaluated, returns value
  2. conditional statement
• comparison operator ==, <, != etc
• logical operator &&, ||, !
• if statement checks condition
• if else checks condition if false tries next condition
• switch statement indicates possible value for variable

Home