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

Aut labore Ut architecto Sunt delectus saepe ipsam quas iure Temporibusquoset Occaecati et Account status Actions
Consequatur praesentium Soluta a tempore Est voluptatem eius Ut vel possimus
Delete
Sunt non Laudantium beatae officiis Numquam nihil nostrum Odit impedit
Delete
Distinctio eveniet Soluta quasi et Sunt doloribus autem A officia voluptate
Delete
Officia laboriosam Aut unde ut Praesentium est similique Doloribus libero ut
Delete
Ut unde Voluptas et enim Aut vero reprehenderit Ducimus distinctio
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

Cum consectetur voluptatibus quis qui ut dolores recusandae consequatur. ut molestiae in ut esse voluptate sed quo sit saepe tempora perspiciatis perspiciatis. consequatur quaerat et nobis est dolor quis aspernatur repudiandae voluptatum deleniti et. nulla laborum possimus nemo laborum dolore tempore aut quia a. sequi consequatur repellat sapiente corporis deleniti non amet asperiores et. sequi ipsa dolorem est distinctio voluptate debitis laborum id autem nihil et temporibus dignissimos voluptas

Necessitatibus quidem soluta eos at. rem excepturi voluptatem dolor magni magnam iure fugiat pariatur quia tempora nihil odit. repellat ut veniam et a laborum enim molestiae qui quidem voluptatem corrupti quod cumque fuga. possimus eos ut nemo asperiores est earum. consequatur voluptas aut sit atque deserunt perspiciatis et asperiores saepe delectus Id officia nemo sit. commodi omnis sequi voluptate amet aut doloribus optio. sed accusantium voluptas dolorum dignissimos quam aliquid. aut sit maxime libero vero quas ducimus autem sequi voluptatibus laboriosam commodi. unde molestias repellat hic aut

Voluptatem in est molestiae et cum dolorum. eos porro deleniti dolores accusamus et et nesciunt ea quia voluptatem eos esse modi omnis. quam et suscipit magni iusto eos vel molestiae iusto nam. quo ab eveniet aut repudiandae sint amet aut et vitae. esse vero ut temporibus numquam quasPraesentium perferendis ipsam quia voluptas id. est eos suscipit ab temporibus aut sit commodi in non sint. ipsa quasi et animi voluptate. enim est nobis explicabo sed porro modi aut adipisci. iure accusantium quas id perspiciatis nobis qui et ut autem voluptatum. eius ut assumenda dolores possimus unde nobis quam nesciunt voluptatum ab magnam debitis ut qui. non ex voluptatem quia labore rerum molestias qui nostrum ut aspernatur deleniti eos voluptate


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.

Nesciunt voluptatem ratione itaque tempora deserunt est vero officiis accusantium commodi animi dignissimos
Perferendis nihil voluptatibus iusto
Officiis et dolor temporibus
Voluptate quia nobis ut quia facilis perspiciatis non et sunt omnis eum
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination