///Goes between open and close body tag

..

(1-6, usually dont do 5 and 6 too small)

..

Four rules review for homework: The order of the symantic tags: Written in granite. Making things work is not good enough. Specific ordering is required. All formatting is done with CSS. Structural (where img goes) is done with attribute. href is an attribute. All attributes (and values) go within an opening tag. All attr and values are seperated by blank. ---------------------------------------- Here's example of tag within Untitled Document

--------------------------- pg.86 they talk about title tag, goes within the opening and closing head tag. //indent each tag Inclass January 16th Lesson //to use hr{} settings from head style, place

inside body to implement On my project I will need to have a specific title on each page. Has to change throughout the site so it refers to what's on the page. Points taken off for spelling. Run it through spell check && my eyeballs. What's under the hood is what's graded. Dreamweaver gives one metatag by default. There's a couple I need to add. Name meta tag. Space after double quote. Content after. //Keywords are short succint words that say something about the page very quickly. Keywords && Descriptions are different on every page Title, Meta tag, description && sentence, MEta tag with key words. ALL ON EACH PAGE. //Meta tag comma is deliminator --------------------------------------------------- Inclass January 16th Lesson

----------------------------------------------------- Heading tags are like titles on paragraph. .... //allows us to change look and feel of specific text within another textual markup Quick way to get single space within long paragraph https://www.w3schools.com/html/html_entities.asp HTML Entitites < or < //Non-breaking Space Result Description Entity Name Entity Number non-breaking space < less than < < > greater than > > & ampersand & & " double quotation mark " " ' single quotation mark (apostrophe) ' ' ¢ cent ¢ ¢ £ pound £ £ ¥ yen ¥ ¥ € euro € € © copyright © © ® registered trademark ® ® Mark Character Construct Result ̀ a à à ́ a á á ̂ a â â ̃ a ã ã ̀ O Ò Ò ́ O Ó Ó ̂ O Ô Ô ̃ O Õ Õ Symbols: Char Number Entity Description ∀ ∀ ∀ FOR ALL ∂ ∂ ∂ PARTIAL DIFFERENTIAL ∃ ∃ ∃ THERE EXISTS ∅ ∅ ∅ EMPTY SETS ∇ ∇ ∇ NABLA ∈ ∈ ∈ ELEMENT OF ∉ ∉ ∉ NOT AN ELEMENT OF ∋ ∋ ∋ CONTAINS AS MEMBER ∏ ∏ ∏ N-ARY PRODUCT ∑ ∑ ∑ N-ARY SUMMATION Char Number Entity Description Α Α Α GREEK CAPITAL LETTER ALPHA Β Β Β GREEK CAPITAL LETTER BETA Γ Γ Γ GREEK CAPITAL LETTER GAMMA Δ Δ Δ GREEK CAPITAL LETTER DELTA Ε Ε Ε GREEK CAPITAL LETTER EPSILON Ζ Ζ Ζ GREEK CAPITAL LETTER ZETA Char Number Entity Description © © © COPYRIGHT SIGN ® ® ® REGISTERED SIGN € € € EURO SIGN ™ ™ ™ TRADEMARK ← ← ← LEFTWARDS ARROW ↑ ↑ ↑ UPWARDS ARROW → → → RIGHTWARDS ARROW ↓ ↓ ↓ DOWNWARDS ARROW ♠ ♠ ♠ BLACK SPADE SUIT ♣ ♣ ♣ BLACK CLUB SUIT ♥ ♥ ♥ BLACK HEART SUIT ♦ ♦ ♦ BLACK DIAMOND SUIT Page Layout: In the dark ages, they started not being able to layout anything at all. Then they said "we really need to do something better than that" The first thing that came up is:

Tables have columns and rows. Interesection of C and R is a cell. We don't do that either anymore. That's gone. Page layout is not done with tables. Tables are for taking lists and making them more meaningful, placing imgs and content of imgs content close together. came after table. Literally cuts the page up. Google decided it was too hard to find the page the content was on.

//nothing more Review: Powerpoint: https://www.w3schools.com/html/html5_syntax.asp Lower case, close all I need to read through HTML5 Intro to Migration && Style Guide Span tags on pg 104