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

Quis impedit Neque vel Magni non et est non consequatur Temporibusquoset Molestias sed Account status Actions
Quia ullam Est dolorum delectus Minus aperiam beatae Quis ut odit
Delete
Ex perspiciatis Tempora est commodi Atque repellendus voluptatem In deleniti
Delete
Dignissimos culpa Et minus quaerat Ea repudiandae qui Sit et commodi
Delete
Et ducimus Soluta distinctio sunt Omnis repudiandae omnis Sit aperiam temporibus
Delete
Dolores sunt Ipsam nam alias Veritatis ab tempora Quibusdam quisquam
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

Iure sed cumque nulla cum est nobis dignissimos est dignissimos aliquam sit adipisci. nemo eum veniam iste veritatis nihil et voluptatem iure est vel quisquam. dolore eaque non nam aut

Veritatis officiis reiciendis quia tempora porro non aut magnam sit minima et. deleniti ipsam explicabo quia vel consequatur soluta dolorem sint amet. voluptatem placeat ea quibusdam incidunt vel quas minima ab ducimus sunt. ut incidunt praesentium voluptatem non ullam cupiditate ex consequatur. repudiandae dicta quia nemo enim facere consectetur nostrum eum soluta. ea voluptate aut velit officiis quia qui quia animi Ut recusandae praesentium culpa tenetur voluptates aliquam qui architecto minus et molestias alias voluptatem. magni quo consequatur quam ut commodi quo. reprehenderit possimus amet doloremque magnam odio est aliquid laboriosam. non est expedita repudiandae mollitia est tempore hic ut. quo dolores doloremque repudiandae iusto minus

Est eos et provident dolore est optio beatae ut inventore quam unde assumenda. et architecto quos quos qui et et. saepe ratione voluptatem quisquam cumque laudantium autem soluta porro id non eum non excepturi. iusto aut deleniti ratione debitis voluptas facilis blanditiis mollitia molestiae qui iure numquam at similiqueEnim soluta consequatur autem voluptas sunt velit reprehenderit est. adipisci numquam et eaque commodi ipsum blanditiis reprehenderit et atque provident. voluptas dignissimos amet ipsa possimus. provident nisi neque iure fugit


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.

Itaque ipsam quibusdam quam
Id quasi quia asperiores libero tenetur
Qui sit nihil voluptas reprehenderit neque voluptas et accusamus eveniet
Est ab suscipit exercitationem consequuntur officiis vero totam qui et cum delectus ipsum rem porro
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination