Practice Toward Finals

Today 1/28/2020 We review our previous works in web design for the finals. These are some of things to look up!

1. block v inline tag
   1. block tags: h1-h6, p, ol, ul, li, tr, table, form, div
   2. inline tags: a, strong, b, em, i, td, th, span
2. class & id attributes (HTML & CSS)
   1. both/either may be applied to any and all HTML elements if you wish
   2. <div id=”div-id” class=”class-id”>stuff</div>
   3. ID is like your class ID: it’s unique for each element (if you have them)
      1. each student has a unique ID and no two students share the same ID
      2. Each ID value must be unique on that particular document/file
      3. ID is unique
      4. In CSS: #div-id { font: sans-serif; }
   4. Class groups elements and individual elements may share the same class
      1. Just like you as a student belong to a class (freshman, sophomore, junior, senior)
      2. In CSS: .class-id { font: serif; }
3. the box model includes: width, padding, border, margin (top, right, bottom, & left) 
   1. Use the Inspector or click on Developer Tools
   2. Hover over or click on any HTML element
   3. Click “Computed” on the right to see the various box model values
4. CSS frameworks
   1. Bootstrap and Foundation
   2. You need to link to it first
   3. You apply your styles by adding various class attributes to your elements
   4. If you followed along, I have the assignment in Web Design set up
      1. You can turn in just your CodePen
      2. You could write a WordPress post on it and send me the link to your post (make sure it’s live)