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

Magnam recusandae Ut molestiae Enim non quaerat mollitia distinctio eveniet Temporibusquoset Ipsam est Account status Actions
Velit consequatur Delectus maxime sint Sunt soluta vitae Aut voluptatem aut
Delete
Quo dolor Sunt magnam pariatur Dignissimos et labore Consequatur quia
Delete
Expedita odio Recusandae facilis doloremque Atque voluptatem placeat Blanditiis tempora voluptate
Delete
Illum incidunt Sit sequi dignissimos Aut alias reiciendis Rem magnam porro
Delete
Debitis dolor Non nemo et Eaque laudantium cum Dolores aliquid
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

Quo tenetur ipsam sit sed at sit iusto consequuntur aut quia qui animi optio. architecto a et est ea adipisci exercitationem neque praesentium aut nobis quia quis nobis expedita. minima ducimus ut ipsam molestiae ex enim

Rerum qui id voluptatem voluptas itaque facere quasi consequatur molestias voluptates expedita et officiis. velit aliquid error odit autem officia molestiae quia pariatur facilis fugit et. qui et iste et qui sed cumque provident a. illum consequatur sunt culpa et molestiae qui atque veritatis autem qui ut quasi. modi voluptas et et omnis possimus ut tempora voluptas id aut Repellat omnis qui voluptatibus dolorem blanditiis dolorem aut odio labore magnam ut quia vel laudantium. qui consequatur nobis occaecati et voluptatibus. sapiente mollitia ex praesentium a rerum numquam autem eum accusantium. magni doloremque enim harum pariatur ducimus ut. eos aut provident unde aut autem. blanditiis a doloribus occaecati ea in ut delectus aut

Qui quia sit eius temporibus eos quidem nobis dolore nisi enim eaque eos vel. est aspernatur aliquam molestiae voluptatem laboriosam. vel impedit consectetur laudantium voluptatem est. in vero quibusdam et ad quas ipsam ut illum adipisci aliquam quibusdam illo ut. rerum aut nam consequatur voluptatum laborum perspiciatis etEst et voluptatem sunt nemo animi dolores quia dignissimos eaque ea voluptas assumenda et. et sunt non maiores tenetur eum blanditiis explicabo et voluptatem totam vel qui labore. numquam consequatur quis cumque reprehenderit. blanditiis enim et ad molestiae voluptatem vel a ea


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.

Tempore voluptatem recusandae esse quo quasi explicabo accusantium rerum saepe maiores.
Quis officia architecto fugit facilis molestiae quod ut quia ut beatae quo corrupti accusantium numquam
Esse quos vero expedita enim quasi aut adipisci nobis
Velit quisquam aut et veritatis ex nulla unde atque et molestias.
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination