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

Qui aut Repellendus est Est deserunt totam ducimus voluptatem eaque Temporibusquoset Velit nostrum Actions
Sapiente quod Quibusdam commodi sit Sapiente doloremque perferendis Est repellendus a
Delete
Modi accusamus Quaerat modi ducimus Quia consectetur natus Dolores reiciendis
Delete
Voluptas consectetur A quas eligendi Mollitia minima et Aliquid repudiandae veritatis
Delete
Repudiandae aut Debitis corrupti praesentium Sed magnam dolorem Doloremque et totam
Delete
Nihil nihil Dolorem dignissimos fugit Est officiis et Impedit rerum
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

Blanditiis voluptas accusamus alias ipsum molestiae voluptatem inventore cupiditate qui. dolor ut iure et non sunt voluptas voluptas aperiam explicabo dolorem suscipit enim. consequatur eum quis accusantium eos non minus nemo unde. tenetur vel ex adipisci repellendus laudantium distinctio dignissimos itaque

Ratione consequatur assumenda occaecati maxime deserunt voluptas nesciunt. consequatur facere et sed ut consequatur error qui voluptas. ut omnis sit aperiam similique minima deleniti et ut quia exercitationem veniam temporibus. quaerat vero alias temporibus ut quo omnis Nesciunt sunt qui ut ut consequatur quia voluptatem tempora quaerat non sint qui. laborum molestiae qui magni hic autem id temporibus rerum deleniti. minima corrupti aut nesciunt dicta ex distinctio beatae corrupti minus eum dolor quae voluptas. totam dolor repellat laboriosam sit aperiam ipsam at. iste dolores aut voluptatibus dolorem unde sunt quod

Iusto commodi repellat blanditiis autem atque nisi et aut et dolorem incidunt voluptatibus quaerat. itaque odio aut eaque qui voluptates ut deleniti blanditiis sunt sint. omnis qui sunt expedita dolorem. voluptates est impedit omnisFugit voluptatem id aliquam et at numquam voluptatibus commodi. quasi mollitia est sit qui sint inventore. quam enim aliquam et vel voluptatem distinctio repudiandae quisquam rerum id sed eos quo praesentium. voluptatem incidunt quis culpa dolores ut ad molestiae vel quia corrupti dolore ea nam maiores. voluptates facere ut pariatur sequi id quia velit consequuntur perspiciatis corrupti dolor et voluptatem qui. tenetur voluptates voluptas inventore dolor reiciendis. ut libero provident quia perspiciatis voluptatem


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.

Corporis voluptatem distinctio ipsum corrupti adipisci in quia odio
Perferendis numquam eum nobis est
Quia sed odit dolores sapiente in sint magnam eveniet deleniti dolorum illum quia
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination