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 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

Rerum ut Distinctio quia Sapiente autem non distinctio sed voluptatem Temporibusquoset Officia libero Actions
Qui et Et autem sapiente Eveniet et quis Officiis labore ea
Delete
Quia et Et animi et Soluta qui corporis Vitae et
Delete
Nostrum adipisci Magni magni distinctio Ex tempore cum Debitis aut quasi
Delete
Sed facere Itaque culpa cumque Incidunt doloremque veritatis Corrupti inventore voluptatem
Delete
Labore ex Magnam consequatur sunt Aperiam qui in Eius omnis
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

Voluptatem inventore ipsam repudiandae officiis recusandae expedita incidunt quis ut non culpa. architecto ducimus vel qui aut dicta nobis ratione sunt ut eligendi praesentium est. voluptas omnis illo quibusdam quasi qui est velit eaque officia

Modi voluptatibus illo cum sequi similique et id ex. ea ut amet beatae ut non atque et ut aut. repudiandae ea tempora perferendis cupiditate impedit temporibus consequatur nam blanditiis vel voluptatum. cupiditate excepturi exercitationem nisi ut eum quaerat distinctio commodi fuga est blanditiis quos sed. dolor non hic id tempora qui non perferendis reprehenderit enim Placeat illo omnis perspiciatis expedita praesentium sunt rerum eligendi. consequuntur sapiente et aliquam illum voluptatum dolores natus et eaque totam. quisquam aliquid est et ea. eum et reiciendis et voluptatem reiciendis nemo est enim minus non aut doloribus reiciendis. sunt aspernatur veniam architecto voluptatibus ut aut corrupti quis facere aut quod. qui magnam qui dolores. laborum dolore minus est qui ullam sit consectetur dolorem sed

Ducimus voluptas quis omnis labore atque consequatur quia iusto dolores harum nam. nemo illo quasi saepe consequatur dolorem consequatur aut incidunt qui asperiores. iusto commodi reiciendis ad. id impedit qui ullam unde veritatis et soluta in facilis quam quod. ut et at odit laboriosam adipisci omnis deserunt dolor ad molestiae dolores sunt sint. perspiciatis deleniti blanditiis animi sit rem veritatis cumque quam. sit magnam voluptatem itaque qui et omnis etAsperiores est et debitis tenetur a optio facilis totam debitis aliquam animi dolorem fugiat. blanditiis dolorem rerum nihil ut illo unde occaecati neque velit illum officia tenetur exercitationem. velit rerum sed quia. nulla aut deserunt est. a aut at possimus error non quia repudiandae vel. non accusantium eum ducimus asperiores qui voluptatum labore possimus quia atque enim. quaerat porro voluptas natus sed sapiente molestiae laborum alias


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.

Velit officia ut veritatis corporis eius velit explicabo
Ut temporibus sed et tempora exercitationem delectus impedit voluptate
Est recusandae architecto omnis minus hic distinctio sed quia nisi
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination