Text Content

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsam a odit corrupti soluta quaerat, architecto, blanditiis nisi esse incidunt nam harum ullam sit fuga cupiditate! Animi iste officiis itaque veritatis?

Heading two

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Excepturi ea aperiam necessitatibus sequi, enim ex mollitia dolorem fugiat cumque, dolorum sint pariatur, facere voluptatem id minima animi nisi eveniet? Quaerat.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat atque nulla placeat mollitia fugit illum qui quae minima quisquam fuga, laboriosam harum itaque voluptatum unde odio quia, explicabo quam sit! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consectetur minus debitis autem, placeat soluta sapiente cumque fuga quos neque? Nihil voluptatum ducimus quae possimus temporibus veniam hic! Modi, neque vel?

Heading three

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maiores incidunt neque eveniet, eos nesciunt esse inventore repellendus necessitatibus fugit voluptates molestiae architecto aperiam totam aut, quos facere quibusdam laborum consequuntur.

Heading four

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium sed minima ad magnam maiores ipsam facilis rerum, excepturi dolore necessitatibus rem voluptatibus pariatur officia architecto aut quam. Numquam, minus culpa?

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Perspiciatis libero fuga iste accusamus ipsum eaque odio, ab dolorum nobis officia voluptatibus nisi nulla voluptatum est nesciunt consequuntur numquam distinctio earum!

Heading five

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsa rerum sint et obcaecati, at perferendis vitae consequuntur quidem quod perspiciatis praesentium! Esse explicabo recusandae voluptatum totam itaque nisi fugiat ea.

Heading 6

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem facere, dolor sint neque facilis consequuntur culpa beatae nobis ipsam! At magnam, magni porro veniam doloremque fugit perspiciatis provident neque quibusdam!

Dscriptive list

Description title: Tardis
Description: Phone booth, bigger on the inside, travels any place, anytime.
Description title: Tree
Description: It's a big plant.

Pre formatted code

          
<ul>
 <li>One</li>
 <li>Two</li>
 <li>Three</li>
</ul>
          
        

Blockquote

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore fugiat inventore magni voluptates omnis nisi quisquam culpa, velit optio autem doloremque quam unde exercitationem dolorum perspiciatis non at nam! Deleniti.

This is the citation for the quote above

Ordered list

  1. Item 01
  2. Item 02
  3. Item 03
  4. Item 04

Unordered list

  • A thing
  • Another thing
  • There's a thing here too
  • The last thing

Mixed list

  1. An unordered list
    • A thing
    • Another thing
    • There's a thing here too
    • The last thing
  2. Item 02
  3. Another unordered list
    • A thing
    • An ordered list
      1. An ordered list
        1. Item 01
        2. Item 02
        3. Item 03
        4. Item 04
      2. Item 02
        1. Item 01
        2. Item 02
        3. Item 03
        4. Item 04
      3. Item 03
      4. Item 04
    • There's a thing here too
    • The last thing
  4. Item 04

In-line elements

Links

This is an internal link.

This is an external link.

This is an email link.

This is a link to PDF.

This is a link to a .zip file.

Abbreviation

Abbrrebiation HTML.

inline Code

This is code: cd ../styles/css

Definition

HTML is the standard markup language for creating web pages.

Strong

This is strong text.

Emphasis

his text is emphasised.

Delete, insert, strike and marked (highlighted)

You can indicate that this text has been deleted and replaced with this text. Strike is different than deleting, it indicates something is no longer relevent. Text can also be highlighted.

small

Small text is suitble for information such as disclaimers and copyright notices

Sub-text and super-text

H20

here lies the 2nd fastest gun in the west.

Keyboard Input

On a mac, press commmand (⌘) + s to save a document

Inline quote

What is all this lorem stuff Aluki asked. Voluptatum voluptas beatae eligendi.

Sample computer output

+ s + shift

Please select a destination to save your file

Time

Joe Strummer: to

Varibles

the area of a rectangle is width x length

Multi-media

Image

Modern architecture sen from below

Figure

looking up at a building covered in munti-coloured panels
This is a caption for the image inside a figure element.

Picture

Abstract

audio

Impact Moderato by Kevin McLeod

Video

Embedded content

Iframe

Experimental Moves from Deekay.

Object

Download the document. You will need Acrobat Reader to view this document

SVG

Interactive elements

Details

Seecondary colours The resulting colour when two primary colours are mixed.

Tables

This is the table caption. What happens when we mix colours?
red blue Yellow
red red violet orange
blue violet blue green
yellow orange green yellow

Form elements

Elements for selecting

Data list

Select List

Option Group

Input types

Button

Checkbox

Color

Date

Date-time: local

Email

File

File (multiple)

Image

Month

Number

Password

Radio

Range

Search

Tel

Text input

Text input: required

Time

URL

Week

Other form elements

Meter

Grade:

Progress

Progress: 75%

Textarea

Submit

Submit should be in the input type section, it's at the bottom of this form because that's where we tyically expect to see it.


Top