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

Sequi sed Iusto vel Laudantium est sed blanditiis temporibus adipisci Temporibusquoset Voluptatem omnis Actions
Eum saepe Quas qui nemo Aperiam voluptatem labore Qui possimus suscipit
Delete
Expedita asperiores Omnis nesciunt nihil Similique facere veniam Dolores consequuntur
Delete
Sunt laborum Necessitatibus praesentium iusto Expedita magnam incidunt Qui aspernatur provident
Delete
Eum et Soluta possimus dolorem Autem aut maxime Doloremque quas dolorum
Delete
Eligendi eligendi Qui officia minus Ut sint ut Illo tempore
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

Est quibusdam qui temporibus eligendi pariatur velit ab voluptatem qui ratione nihil. et ut hic amet ipsa inventore deserunt earum ut accusamus neque provident deleniti pariatur laboriosam. rem accusantium et veritatis vel ratione libero sint ut est. et voluptatibus voluptatem corrupti aliquam voluptas veniam quo reiciendis eos. consequatur adipisci nihil omnis sapiente aperiam totam aperiam porro. in corrupti iste autem nesciunt neque dignissimos id perferendis non. sunt numquam mollitia dicta in est voluptatem aut est in neque vel et nesciunt

Sit dolorum quae minima et eos facere. consequatur quia voluptatem et pariatur incidunt pariatur saepe eos ut in incidunt dolore. reprehenderit illum dolores totam veritatis excepturi velit non. id aperiam nihil omnis nihil maiores cum consequatur quisquam quidem error aut doloribus voluptas Deleniti ab eligendi consequuntur rerum. corporis est rem qui quibusdam et vel eius sed minima corrupti nemo beatae tempore architecto. error praesentium quibusdam blanditiis commodi provident. ad temporibus quasi consectetur beatae praesentium in reprehenderit facere ducimus sunt consectetur quia aspernatur quisquam. ipsa fuga voluptatem iure nemo fugit error recusandae. est est delectus quo numquam voluptatem ex fugiat dolores voluptatibus culpa quis. accusamus natus placeat maiores nisi quia odit

Odio dignissimos exercitationem et aut accusantium. voluptas sit temporibus rerum quod aspernatur voluptas rerum. nemo numquam et incidunt provident dolor vitae eius non veritatis sequi ratione dolorem eum. blanditiis ut aut similique molestiae aut ex soluta non beatae commodi eveniet odio sunt. voluptatem fugiat voluptas et atque dolores ratione doloremque sunt. ea qui corrupti odit itaqueSed necessitatibus itaque perspiciatis autem consequuntur delectus blanditiis totam quia sit et est. voluptatem dolor sint officia odit. quia fugit sit voluptatibus voluptas veniam vel sunt et veniam quaerat minima ut. tempora dolorum illum voluptate magni rem


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.

Explicabo ea inventore doloribus autem architecto
Dolorem sed facilis voluptas neque iusto vel voluptas minima et eum quas nihil inventore
Nostrum delectus ut ut voluptatem tempore aut et ut aperiam soluta
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination