White Whale Web: Website Style Starter Simplified

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 superscript^S1 and a subscript_S2. 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.

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:

1. Find a list of items that needs to be in sequential order
2. Code the list with an ol tag
   1. Open bracket first
   2. then ol
   3. 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

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 Button Secondary Button Reset 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

Forms

Text Input (Required)

Select (dropdown) Option 1 Option 2

Radio Controls

Option 1 Option 2

Checkboxes

Option 1 Option 2

Phone Number

Email

Password

File

Comments

Submit Form