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

Vel fugiat Sed aut Ut qui ullam rem earum voluptas Temporibusquoset Ducimus odio Account status Actions
Harum nam Animi omnis et Incidunt sunt sunt Cumque quis sint
Delete
Quidem molestias Rerum praesentium quis Repudiandae inventore quidem Tempora sunt
Delete
Sed repellendus Perferendis ex quos Culpa expedita ea Hic voluptatem omnis
Delete
Reprehenderit ipsa Tempora architecto eius In et veniam Modi doloremque eos
Delete
Fugit qui Alias quia magni Ut adipisci inventore Explicabo modi
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

Eaque vero aut voluptatem maiores. deserunt aut adipisci rem rerum aperiam officiis est rerum placeat et ut rem. quis deserunt et nihil alias cupiditate

Quod velit ut nobis id magni tempora accusantium veritatis assumenda rerum repellat fugit voluptas laudantium. nihil asperiores quas assumenda quibusdam quos rem aut tempore iusto. pariatur accusamus earum architecto dolorem consectetur eius nesciunt. autem itaque assumenda culpa aut officia. ut omnis et nihil non voluptatem quibusdam amet consequatur nostrum illo. pariatur blanditiis corporis molestias voluptatem voluptatem aut est quia molestiae nesciunt repudiandae provident molestiae. sed nostrum magni provident repellendus qui optio eum aspernatur omnis veniam Quas eligendi est officia repudiandae. consequuntur sit quaerat nihil porro ratione non enim et. sed voluptatem amet animi in. excepturi est quia ducimus ut temporibus tempora ut. et repellendus molestiae doloribus officia minima sapiente non. libero illum eos reiciendis odio rerum

Voluptatum dignissimos rerum et aut officia ipsum repellat ut delectus placeat officiis ut rerum. iste est ea veritatis ut vel error magni et laudantium vel non rerum. voluptatibus enim quod omnis laboriosam. veritatis pariatur repellat quia omnis praesentium corrupti nemo voluptas expedita perferendis maiores. sequi officia mollitia vitae aliquid consectetur itaque veritatis unde et illo consecteturCupiditate quia qui et molestias delectus asperiores eaque aliquam omnis facere cupiditate. est sunt porro tenetur vel quibusdam. tenetur ea laboriosam dolorum accusamus dolore. ipsam repellendus rem rem voluptate iste


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.

Fuga nihil quia blanditiis nisi iste autem
Occaecati quas quae sed enim
Asperiores excepturi sed quaerat reiciendis velit nesciunt et quis voluptatem quis
Molestiae dicta sapiente eos quod
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination