Base Elements for Styling Check

Following are most, if not all, of the HTML elements you will use in your day-to-day work. They are virgin elements, in that, they have no classes or ids applied. This way you know how your base styling looks. You can use this page to check your styling as you adjust CSS.

You can also add classes to various elements to see how they perform with the classes.

-------------------------------------Acronym

-------------------------------------Address

-------------------------------------Preformatted Text

This is preformatted text with a return placed here
New line begins here
New line with tab here
New line with multiple sapces here spaces end

-------------------------------------Computer Code

<div>
<h1>This my code for a headline</h1>
<p>This is my code for a paragraph</p>
</div>

-------------------------------------Computer Code with pre tag

This is how the same computer code as above
will look when surrounded by the pre tag
<div>
<h1>This my code for a headline</h1>
<p>This is my code for a paragraph</p>
</div>

-------------------------------------Simple 3 row, 4 column Table

r1c1

r1c2

r1c3

r1c4

r2c1

r2c2

r2c3

r2c4

r3c1

r3c2

r3c3

r3c4

-------------------------------------Complex Table with Column Groups

My Table Caption

Column Group A

Column 1

Group A1

Group A2

Group A3

Column 1

Group A1

Group A2

Group A3

Column Group A

Description Row 1

r1c2

r1c3

r1c4

r1c5

Description Row 2

r2c2

r2c3

r2c4

r2c5

Description Row 2

r3c1

r3c3

r3c4

r3c5

-------------------------------------Forms

Input field follows:

Input field of type password follows:

Input field of type radio follows:

Radio 1
Radio 2 (default)
Radio 3

Input field of type Checkbox follows:

Check 1
Check 2
Check 3 (default)

Input field of type button follows:

Input field of type submit follows:

Input field of type file follows:

Button of type submit:

TestArea field follows:

Select field follows:

Select field with multiple follows:

Select field with option groups follow (click to view):

Field label:

My Special Field Label

Fieldset with label:

My Legend for this fieldset

A Note on This Page Template

This page use the F2c template which has a feature area and 2 content blocks within which to place content

The Wisconsin Maritime Museum is currently in our Winter season. Please click here for more information on our daily hours and submarines tour times. Tours are available throughout the day as needed, and are currently offered five days a week, weather permitting. Tour times vary by season. Allow three to four hours to fully explore both the Museum and tour USS Cobia. Group tours are available anytime with an advance reservation.