CSS basic elements

The purpose of this HTML is to help determine which default settings are used within the CSS, and to make sure all possible HTML elements are included when designing a site.


Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum strong sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Highlighted paragraph consectetuer adipiscing elit. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

List Item 1

List Item 2

List Item 3

Highlighted paragraph consectetuer adipiscing elit. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.


List types


Definition list

Definition list title 1
Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
Definition list title 2
Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonumm.
Definition list title 3
Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Ordered list

  1. List item 1
  2. List item 2
  3. List item 3

Unordered list

  • List item 1
  • List item 2
    • List item 1
    • List item 2
    • List item 3
  • List item 3

Newspaper style vertically ordered list

  • Applying for courses
  • Agriculture, horticulture and veterinary studies
  • Area studies, languages and literature
  • Arts and crafts
  • Business and management
  • Construction
  • Education
  • Engineering and production
  • Environment
  • Family and personal care services
  • Food, leisure and hospitality
  • Humanities
  • Information technology
  • Librarianship
  • Media studies
  • Medicine and health studies
  • Science
  • Social sciences
  • Teaching
  • Transport

Tables

Saepe et Pariatur aut Rem ut aut dolores culpa earum Temporibusquoset Similique alias Account status Actions
Quia et Iste ullam laboriosam Voluptas ipsum expedita Cumque itaque minima
Delete
Asperiores aut Nobis debitis praesentium Quam et blanditiis Est in
Delete
Praesentium quo Nihil quidem quia Nisi adipisci id Placeat non quisquam
Delete
Debitis culpa Dignissimos omnis alias Suscipit laudantium animi Consequatur esse nulla
Delete
Mollitia rerum Tempore inventore et Est temporibus reiciendis Vel unde
Delete

Misc - abbr, acronym, pre, code, sub, sup, etc.

Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
- Blockquote

Media

Ipsum autem dignissimos mollitia placeat. veritatis itaque ratione optio ipsum ipsum pariatur temporibus delectus tenetur distinctio enim aut. laborum repudiandae nesciunt ipsa earum. et ut ut aperiam ut ad id ipsum. ab in numquam nisi eos et sit. reprehenderit cupiditate mollitia amet ipsa voluptatem eaque at deleniti dicta ratione. labore quo cum in voluptatum hic voluptatem nemo consequatur ipsam

Molestiae distinctio sit voluptates quaerat assumenda odit laborum ut. cumque ut quibusdam at ab sed animi vel tempore explicabo et ad. qui saepe mollitia occaecati in ipsa eaque natus. minus expedita libero est mollitia inventore ipsam quis rerum qui dolor. corporis delectus laboriosam atque consequatur ut molestiae. quibusdam voluptatum sit sed assumenda eligendi accusamus rerum incidunt delectus rerum quo aut laborum quasi. qui laborum perspiciatis sed ut sequi dolore delectus nesciunt In illo beatae aut ut dolorum nesciunt sint rerum dolorem non. sit et consequuntur sunt voluptas non illo consectetur et facere magni. aspernatur ipsum sunt ab est eveniet corporis autem recusandae illum accusantium sunt. qui esse itaque maxime omnis incidunt animi atque nostrum dolores aut. dolor voluptatem porro assumenda repellendus qui

Soluta nihil quos itaque illo dolor omnis maxime eum quia eligendi ipsa distinctio numquam. nemo est occaecati enim enim non eius ea incidunt minus. enim quam consequatur enim quidem suscipit. molestias eligendi voluptatem et esse blanditiis autem aut qui ex. est magnam deleniti quos explicabo. natus quis quo labore iusto quia dolore doloremque omnis sed deleniti ut id corporis. qui maxime numquam facilis similique estVoluptatem sequi dicta est. et consequatur doloremque eos dolorem quis ipsam reprehenderit dignissimos earum vitae. et delectus facilis reprehenderit eum qui veritatis repudiandae quas labore nisi dicta eos reprehenderit ratione. nam voluptas consequatur harum doloribus nisi totam autem voluptas assumenda vel sequi aliquid rem iusto. et necessitatibus qui vel ipsam consequuntur necessitatibus itaque quo distinctio dolorem et temporibus qui beatae. assumenda aut nisi accusantium sit temporibus ex odit. aperiam dolorem ad autem cum et ullam dolor


Fieldsets, legends, and form elements

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Form elements

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.

In et voluptatibus id voluptas quia sed fuga.
Debitis molestias sed cumque incidunt praesentium quae illo et culpa similique
Expedita ab magnam modi ut voluptatem aut dicta deleniti aut velit et
Provident esse est tenetur.
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination