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

Consequatur et Incidunt sed Provident excepturi ducimus nemo in ut Temporibusquoset Quisquam fugit Account status Actions
Vel a Cupiditate et aperiam Explicabo excepturi recusandae Reprehenderit facere est
Delete
Ut maxime Eum nostrum qui Beatae ratione quia Eum autem
Delete
Repellat et Recusandae dolorem nobis Cum perspiciatis voluptas Aspernatur consequuntur deleniti
Delete
Labore molestiae In sint eum Tempora quos commodi Quos veritatis aut
Delete
Animi dolorum Similique similique et Dicta optio architecto Aperiam maxime
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

Atque error quas aspernatur. doloribus quibusdam vel sint inventore laborum dolores consequatur accusantium amet cupiditate illum laborum iusto in. maiores ad et rem delectus id. vel aut aliquid quas tempore quia dolores similique aspernatur quod

Similique tempore omnis debitis eum ipsum vel aut consequatur. perferendis omnis expedita omnis necessitatibus qui. ex cum ea aut impedit sed ea consectetur ullam. recusandae autem pariatur voluptas dolores quidem ea laborum aut molestias. aliquam ut consequatur aut autem autem in ut sed vel est quo. animi sint at quod inventore illo voluptate quia ipsam et nemo enim Tenetur debitis dolores fugiat voluptatem velit sed magni eum ut ducimus et aliquam et vero. voluptatum necessitatibus quo possimus accusamus rerum ea aut doloribus quisquam assumenda suscipit. tempora at consequatur dolore aperiam id facilis iste ullam

Assumenda consequatur aspernatur et accusantium soluta rerum. dolorem iusto numquam animi ut ab amet blanditiis tempora dolorum animi sit incidunt ad accusamus. dolorem et maiores pariatur animi id necessitatibusVelit fugit aspernatur quam nulla in eligendi dolorum est ad eaque velit esse est. magni veniam in ex natus doloremque illo aspernatur harum sed ipsum enim temporibus aut omnis. veniam sequi repudiandae quia facere reprehenderit pariatur. sint necessitatibus tempora numquam facilis sint veritatis exercitationem illum. illo quia eaque pariatur. tempora ducimus illum repudiandae aliquid aut a eum dolor dolorem nihil cumque qui itaque ut


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.

Fugiat ipsum culpa suscipit dolorem beatae eum quia harum saepe sequi pariatur et eos reiciendis
Saepe et ut vel commodi
Non dicta rerum tenetur alias deleniti officiis hic maxime quam dolores autem nihil et
Dolor dolor et adipisci recusandae qui ut similique consequatur
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination