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
- must begin with letter, $ or _
- may contain letters, numbers, $ or _
- cannot use keywords or reserved words
- case sensitive
- describe the info
- 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
- expression evaluated, returns value
- 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