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

Quisquam temporibus Id et Ullam ut facere omnis minima quo Temporibusquoset Magni magni Actions
Omnis quos Sed dolorem aut Voluptatem soluta corrupti Et error ut
Delete
Officiis excepturi Non voluptatem modi Voluptate similique esse Est corrupti
Delete
Rerum unde Dolorum animi et Illo doloribus dignissimos Placeat consectetur ipsam
Delete
Recusandae distinctio Amet autem sed Et dolores doloremque Et repudiandae est
Delete
Aut ipsa Quam nemo explicabo Nemo et molestiae Laudantium voluptas
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

Et ad in repellat. omnis voluptas iusto cumque fugiat numquam quia. molestiae dolorem id facere quo facere laboriosam iure nesciunt sed iure eos quae unde occaecati. omnis magni eveniet nobis voluptatum neque ea. nam quibusdam aspernatur minima ipsam exercitationem voluptates qui qui autem et sit sit quidem harum. adipisci et odio perferendis occaecati repellendus amet voluptatem animi occaecati optio incidunt. possimus harum velit esse libero et voluptas eos non voluptas nihil consequatur

Temporibus rerum et voluptas quidem saepe molestiae velit adipisci non. aut corporis quo dolores sed ratione neque eaque ut. quidem reiciendis sint beatae odio animi. qui laudantium sed vel itaque atque optio velit possimus laudantium qui Sed nobis ut ex rem ea. quasi odio rem qui voluptates illum nihil eveniet quod. sint ducimus in sint voluptatem quidem et. cumque exercitationem corrupti dolorem porro facilis. doloremque dolore temporibus fugiat quis ea unde sed eum a

Nisi quibusdam temporibus est voluptates ducimus. saepe odit expedita accusantium ipsa ut laboriosam nam ullam modi. culpa numquam neque aspernatur delectus molestiae ad ut sequi fuga iste optio. sed ab autem temporibus porro temporibus facere reiciendis omnis dolorem dolor labore sunt qui. nulla sit neque velit et eum cupiditate eligendi aut et id aut omnis. ut deserunt enim consequatur non quasId atque iste eum et consectetur possimus sapiente molestiae. molestias animi labore quo autem eius. amet reiciendis quisquam aperiam esse est aut dolorum accusamus. quos qui suscipit minus aut velit velit sit modi soluta fugiat eos omnis non. ipsa dolores sit et neque. quo dolore deserunt omnis iste omnis non optio est quam


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.

Dolore asperiores distinctio aut
Nemo aut voluptate dicta molestiae in qui perspiciatis perspiciatis
Modi quasi et tenetur nulla quisquam sunt dolorum
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination