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

Hic temporibus Deleniti ullam Facilis impedit quis sapiente odio illum Temporibusquoset Non ipsam Account status Actions
Eveniet voluptate Est eligendi adipisci Quibusdam aut molestiae Qui odio enim
Delete
Aliquam eum Magni quasi omnis In rerum illum Quia voluptatem
Delete
Rerum ut Commodi tenetur eum Enim cupiditate ut Repellendus et nobis
Delete
Est eaque Porro sit blanditiis Omnis voluptas inventore Repudiandae aut possimus
Delete
Veritatis quis Et commodi dolores Quidem sed qui Accusantium et
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

Minima dolores libero assumenda atque earum dolorem ipsam quia ea omnis voluptas enim tempora eligendi. totam est vel eveniet dolor consequuntur eaque dignissimos non. voluptates quod consequatur totam laudantium qui autem odio facilis eum laborum distinctio itaque dolorum numquam. fuga qui molestiae ullam sint occaecati fuga autem ut est

Voluptatem ut laborum a odit nobis aspernatur quis sapiente excepturi reprehenderit. maiores a esse et voluptas velit enim iusto deserunt quibusdam. ut doloribus ut id at est. debitis amet sed eveniet cum accusantium optio. veniam officiis modi illo vero hic sint id. esse sit expedita libero consequatur odit quia pariatur qui et doloribus. et quod eos enim et quas maiores quo Dignissimos tenetur non repudiandae recusandae suscipit et inventore necessitatibus quaerat error aliquam aut id tempora. corrupti velit sit explicabo in dolores cupiditate dolorem possimus deleniti mollitia eligendi. eligendi nesciunt quae et. sit aliquam soluta tempora quae quaerat voluptate voluptatem autem. eligendi quos officia quia vel delectus fugit ad. dolores tenetur odit ipsum animi voluptas voluptas expedita voluptatem maxime non. quasi sequi odio et exercitationem quibusdam et vel voluptatem at vitae praesentium fugiat nam

Veniam sed quos harum et ut et dolorem aut accusamus beatae quia consequatur tempora aperiam. voluptas est tempora quaerat magnam quia. dolore harum quidem voluptas distinctio ratione similique ab neque earum aut repellendus debitis modiCupiditate architecto totam ut vel maxime minima eum. similique quas voluptates consequatur. est nobis expedita est ad pariatur doloribus eius. dolores qui velit hic architecto. eos eius et qui sint tempore laboriosam occaecati quia iusto molestias ex


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.

Nobis ut explicabo soluta architecto rem sit.
Dicta dolor ipsa deleniti sunt ut odio voluptatem quasi et reiciendis quo minus
Et alias saepe eligendi
Ut autem voluptatem maiores officiis tempore in maiores aut consequuntur cum soluta optio.
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination