White Whale Web: Website Style Starter
Body Content
Headings
You already have examples of H1 – H3 above. Here’s the rest!
Heading 2 italicized
Heading 4
Heading 5
Heading 6
Base Styles
These would be the default styles for paragraphs, tables, lists, data definitions. Here’s what bold text looks like, italicized text, and strikethrough text. Ready for more? Here’s a superscriptS1 and a subscriptS2. Links should be easy to identify with a separate hover and visited state. Also include a style for external links.
Blockquotes can include a text representation of the source with the cite element.~Mozilla,developer.mozilla.org
alert('Use the pre tag to preformat code.');
Lists
Use an unordered list when:
- The order of the items isn’t relevant
- An example would be the ingredients for a cake recipe.
- flour
- sugar
- etc…
How to use an ordered list:
- Find a list of items that needs to be in sequential order
- Code the list with an ol tag
- Open bracket first
- then ol
- then close bracket
Media
Images
We need some filler text in between so you can see how the images are floated. Bacon ipsum dolor amet frankfurter capicola spare ribs strip steak rump swine. Salami kielbasa ham kevin landjaeger burgdoggen t-bone. Burgdoggen swine ham doner pancetta beef ribs pork chop tongue spare ribs pork belly chicken. Spare ribs filet mignon drumstick landjaeger tenderloin turducken pastrami, frankfurter bacon doner. Shank short ribs turducken tri-tip drumstick turkey frankfurter strip steak pork chop hamburger biltong doner ham hock kielbasa.
Video
Full Width
Video Aligned Right
https://www.youtube.com/embed/O5O3yK8DJCc?rel=0&hd=1 A demo video from Sony
We need some filler text here so you can see how the video is floated. Bacon ipsum dolor amet frankfurter capicola spare ribs strip steak rump swine. Salami kielbasa ham kevin landjaeger burgdoggen t-bone. Burgdoggen swine ham doner pancetta beef ribs pork chop tongue spare ribs pork belly chicken. Spare ribs filet mignon drumstick landjaeger tenderloin turducken pastrami, frankfurter bacon doner. Shank short ribs turducken tri-tip drumstick turkey frankfurter strip steak pork chop hamburger biltong doner ham hock kielbasa.
Buttons
Primary ButtonSecondary ButtonReset Button
Tables
| Episode | Title |
|---|---|
| Episode I | The Phantom Menance |
| Episode II | Attack of the Clones |
| Episode III | Revenge of the Sith |
List of Star Wars Titles