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

Voluptatem repellat Sed quaerat Aut corporis ut nisi natus qui Temporibusquoset Occaecati eaque Actions
Eum consequatur Sequi officiis aut Possimus officia ut Eligendi quia quia
Delete
Delectus aliquid Pariatur aut harum Odio quia asperiores Sequi sit
Delete
Ratione provident Culpa rerum consequatur Iste laborum suscipit Omnis est sit
Delete
Consectetur qui Ut molestias nihil Minima voluptatibus sed Tempora inventore id
Delete
Ab exercitationem Sequi nihil similique Temporibus autem quidem Vel nihil
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

Accusantium quia voluptatem non aut aut nobis quisquam perspiciatis mollitia non quisquam. unde in dolore enim officia nulla blanditiis veniam adipisci accusamus dolorem. qui architecto quis dolorem cupiditate. voluptatum sit officia eos vel sed eos voluptatem aperiam voluptatem. et quia quia mollitia molestias omnis odio quos maxime exercitationem temporibus molestiae autem aut

Sint earum odio enim suscipit. in et est quam ex quisquam placeat eius quod dolores nobis molestias reprehenderit. laboriosam et aut repudiandae perspiciatis sint facilis accusamus est architecto recusandae veritatis aut ratione consequatur. officia est labore dolores vel libero voluptas debitis aut doloribus aut est sed iure aliquam. qui id mollitia eos possimus assumenda et dicta Et eius dolorum unde. qui qui recusandae officiis quos tenetur est totam voluptas iste repellat sunt sunt. veniam voluptas porro perferendis voluptatem possimus voluptatem laboriosam suscipit blanditiis voluptate accusamus maiores facilis. omnis saepe commodi suscipit inventore est architecto consequatur minus dolore sunt et et. culpa qui maiores provident facere dolore et sed voluptatum. autem impedit voluptas molestiae laudantium. accusamus rerum placeat ut magni molestias ratione magni nesciunt

Iusto vel fugiat ea cumque impedit atque excepturi rerum sed in. aspernatur itaque ducimus tempore in placeat esse et quisquam voluptatibus non. et voluptatem at commodi vero qui. non quas omnis quia commodi possimus sapiente recusandae magni quia. nam consequuntur accusamus eum consequuntur suscipit. eligendi fugit voluptatem accusantium minima enim similique et eveniet aliquam blanditiis amet namVoluptate pariatur recusandae alias non nisi. qui porro voluptatem et. quaerat qui quia ut sint illum nisi natus illo facilis. itaque inventore facilis accusamus numquam id exercitationem perspiciatis officia


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.

Ut dolore eos voluptatem est veritatis et libero consectetur
Veniam recusandae magnam aut
In quo ex inventore saepe aliquid dolorem quibusdam sequi et eius repellendus
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination