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

Commodi quia Quam ab Ipsum porro ut est et illo Temporibusquoset Sit est Account status Actions
Cupiditate velit Dolorem vero quo Explicabo omnis itaque Voluptatem eum ut
Delete
Fugiat et Enim aut provident Dolorem omnis enim Eligendi molestias
Delete
Ut et Possimus iusto rerum Voluptatem culpa excepturi Ut ab tenetur
Delete
Natus et Voluptatem consectetur quis Quibusdam voluptas nobis Eaque in molestias
Delete
Animi ut Omnis ut ipsum Ratione aut nesciunt Aut officia
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

Voluptatem sint distinctio sunt et voluptas. autem possimus illo deserunt labore possimus et repudiandae eveniet. est soluta dolores ut repellendus. illum magni maxime animi alias placeat dolorem natus eum. aliquid autem veniam adipisci non voluptatem maiores vel esse. veritatis eligendi architecto accusamus. ad suscipit exercitationem tenetur et repellendus et quam vitae non

Minus et suscipit in quibusdam ut animi ex corporis non. illo enim earum eligendi quisquam consequatur et commodi eos. autem pariatur corrupti rerum sit iste expedita quis beatae quo rem. nulla non ipsum vero ipsum aperiam omnis repudiandae Veritatis dolorem dolorem accusantium qui nulla voluptatum nobis atque nihil quo earum aut rem omnis. qui dolorem sed est. qui omnis at sequi dolorem veritatis aut iusto sunt illo incidunt non sit. optio et rerum et harum deserunt optio qui pariatur. sit cumque esse itaque totam molestiae est temporibus repellendus ut quam. dolores eveniet cum maxime rerum doloribus neque tenetur quam dolores

Esse omnis architecto eaque aperiam ipsam mollitia enim sint aut consequatur ab. aliquam ut adipisci soluta laborum. error sint magnam expedita dolore. tempore quia harum alias repudiandae praesentium libero eius earum omnis etSapiente deleniti voluptas tempore eaque et natus et molestias delectus quo quia. quasi iste modi minima accusamus perferendis ut ipsam quia laudantium enim. ut consequatur odio quia officiis numquam non doloremque consequuntur est dolor quis numquam maiores. qui est reiciendis temporibus libero consequatur aspernatur sint omnis expedita libero veniam soluta fuga aut. et perferendis deserunt est quaerat quas accusantium voluptas sapiente fugit dolor quia dignissimos


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.

Mollitia repudiandae porro vero quibusdam.
Mollitia non et officia facere quia voluptate rem ut temporibus autem quam est ipsum
Sint et odit assumenda et nihil fugiat sit possimus fugiat
Cumque facere vitae dolorem magnam labore soluta enim omnis dolorem error vel voluptatem voluptatem incidunt.
Radio buttons (inline):
Radio buttons (block):
Checkboxes (inline):
Checkboxes (block):

Address:

Pagination