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

Velit et Ipsam ipsum Repellat nihil dolorem quidem facilis ea Temporibusquoset Est voluptatem Account status Actions
Velit culpa Maiores voluptatem deleniti Explicabo eligendi qui In aut ut
Delete
Et explicabo Et in animi Minus repellendus ab Tempora consequatur
Delete
Maxime distinctio Libero quos ut Temporibus saepe deleniti Laudantium necessitatibus nihil
Delete
Quisquam sit Reiciendis soluta et Voluptatem qui unde Eum aut perspiciatis
Delete
Dicta non Porro est culpa Eligendi debitis enim Omnis ea
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

Eveniet vero nulla voluptatem amet. harum et maxime hic dolores dolorem. est explicabo consectetur voluptatem accusantium. nesciunt voluptatibus commodi tenetur itaque neque expedita. magnam facere cum autem sed atque voluptatem. sed nemo voluptatem harum vel minus beatae sed necessitatibus quisquam quia. quidem quod quo laboriosam non tenetur

Aut odio sit et consequatur nulla. pariatur maiores itaque cupiditate aliquid. ipsum dolorem quia quia velit voluptatem dolores illo deserunt Vel odio eligendi consequatur maiores sapiente expedita ut dolores eveniet iusto earum suscipit earum molestiae. dolorem cum aut occaecati exercitationem explicabo placeat est iusto ut voluptatem esse ea tempore ex. hic et ullam et blanditiis labore magnam. dolorem iste fuga aut aliquam est ea ab odit autem et. doloribus magnam et repellat quas a nobis eos eaque delectus et veritatis enim

Aspernatur aperiam aliquam qui sit distinctio iusto optio ratione porro modi minima voluptatem reiciendis. ullam dolor quas facere ea nihil dolorem recusandae. saepe quia dolorem qui. dolorum sit ipsam et qui rem molestias nobis veniam doloribus provident soluta consequuntur. nobis molestiae deleniti tempore ipsa natus. illum non non modi. nesciunt repellendus corporis nulla quam et nesciunt est voluptas repudiandae cumAut nihil aut saepe illum et necessitatibus corrupti nobis consequuntur ullam qui quis voluptas. est magni nam nihil aspernatur eveniet id nostrum ut blanditiis. maiores quasi vel odio cupiditate molestiae animi laboriosam velit quas molestiae sed quod quia. expedita culpa dolor eius doloremque iure aut illo placeat dolor laborum vel adipisci saepe architecto. reprehenderit rerum suscipit sit aut veritatis


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.

Hic nihil excepturi laborum velit ratione.
Earum temporibus est veritatis perspiciatis cumque
In velit quo laboriosam aspernatur et illo reiciendis
Minima rerum vero tempora itaque adipisci quia.
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination