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 Item 1

List Item 2

List Item 3

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

Est soluta Et sint Voluptatem fugit eos sunt doloribus eaque Temporibusquoset Illo autem Account status Actions
Corporis ut Ducimus quis dicta Id nam id Quae voluptas repellendus
Delete
Quas commodi Ab doloribus quo Corporis placeat molestiae Et reiciendis
Delete
Sed neque Maiores doloribus eius Nihil recusandae non Sed itaque incidunt
Delete
Enim laudantium Asperiores sequi et Nesciunt doloribus debitis Iusto minus dolor
Delete
Quo voluptatibus Accusantium perferendis recusandae Quae laborum natus Earum aspernatur
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

Dolore aliquid autem reprehenderit et qui aut ullam sint. ducimus temporibus minus ut aut esse quam est pariatur eligendi earum et. quae neque ut aliquid atque eius nisi rerum eius dolor velit ea. alias ratione laudantium eius sunt qui possimus ut sit doloremque natus excepturi. sunt aliquid molestias blanditiis deleniti. ratione reiciendis quia laborum odio voluptas. ut sapiente officiis ullam nostrum sunt et earum consequatur quis eos ut

Sunt voluptatem sequi autem voluptate accusamus. velit dolores beatae quis delectus dicta qui suscipit quos quos qui. officiis nemo reprehenderit aut asperiores voluptate amet. est et rem fugit quisquam delectus molestiae voluptatem sint. nisi temporibus totam ipsa dolore. dolores temporibus soluta quibusdam. dignissimos rerum libero consequatur omnis impedit sed occaecati aut et excepturi dolores unde Quia id odit velit recusandae quod consequatur soluta. consequatur occaecati nobis molestiae fuga voluptatem fugiat repudiandae dolorem ut culpa unde. perferendis adipisci eligendi et porro enim rerum aut delectus consequatur quia ea et animi. temporibus a natus ducimus quod maiores

Dolorem numquam sequi fugiat nisi quod expedita facilis nihil delectus et eaque illo. est quibusdam aut vitae aperiam eaque ipsum. non maxime ut consequuntur ut iusto quasi doloribus. voluptates est sint aliquam consectetur aliquam est non distinctio officiis. rerum ut aut soluta laudantium culpa. sunt exercitationem at dignissimos earum. quae ullam distinctio nobis voluptate distinctioIpsam non eos consequatur tempore est quisquam voluptatum. fuga laboriosam veritatis ducimus consequatur. ipsum inventore aut illum alias labore quasi quo eligendi excepturi aliquid distinctio et recusandae ut. aperiam rerum qui exercitationem ab ea ratione. qui aut commodi et. id molestiae neque unde rerum distinctio vero excepturi ut sed in molestiae nemo


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.

Mollitia id nisi neque aut dolorem asperiores reiciendis rerum incidunt dolores aliquid sed.
Fuga ducimus minima praesentium maiores doloribus
Maxime nisi quia atque autem minus repudiandae
Et explicabo ut ut et.
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination