Test HTML - NOOP! Framework

User

Test HTML

Page is used to test the styling of each HTML-Element.

Documentation can be found here: HTML elements reference

a

Anchor element to hyperlink to other resources.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Link At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, Link no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, Link no sea takimata sanctus est Lorem ipsum dolor sit amet.

  1. Foo
  2. Link
  3. Baz

abbr

An abbreviation or acronym.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, abbr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, abbr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. abbr Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

acronym

Deprecated, use abbr instead!

address

Address information about person, people or organization. Kinda like div, but for address data only.

Max Mustermann
mm@example.com

applet

Unsupported element!

area

Part of the map element.

article

Part of document structuring, kinda like div. Can be nested with itself.

aside

Part of document structuring, kinda like div. Usually additional information about something and shown as a sidebar or call-out boxes.

audio

Embeds audio content.

b

Makes text bold.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

base

Defines the base URL, to control the behavior of relative URL's. Part of the head element.

basefont

Unsupported element!

bdi

TODO: Implement this!

bdo

TODO: Implement this!

bgsound

Unsupported element!

big

Deprecated, use font-style in CSS instead!

blockquote

Extended quotation, kinda like div. Can be nested with itself.

The greatest glory in living lies not in never falling, but in rising every time we fall.

Nelson Mandela

Some quote...

Quoting the quote...

body

The content of a HTML document.

br

Produces a line break.

Foo
Bar

Baz

button

Interactive button. Can be clicked and tapped.

canvas

Drawing context for the canvas scripting API.

An example canvas.

caption

Caption or title of a table.

A table with various contents
Colors
Red
Blue
Green

center

Deprecated, use text-align: center or margin: 0 auto in CSS instead!

cite

The title of a cited creative work.

It was a bright cold day in April, and the clocks were striking thirteen.

First sentence in Nineteen Eighty-Four by George Orwell (Part 1, Chapter 1).

code

Short snippets of computer code.

The program entry function is usually called main(). It might or might not have additional function arguments, to pass command line arguments.

col

TODO: Implement this!

colgroup

TODO: Implement this!

command

Unsupported element!

content

Unsupported element!

data

Links given content with a machine-readable translation. By default, there is no visual representation of the machine-readable translation. In this example, the data value is the word index.

Lorem ipsum dolor sit amet.

datalist

TODO: Implement this!

dd

TODO: Implement this!

del

TODO: Implement this!

details

TODO: Implement this!

dfn

TODO: Implement this!

dialog

TODO: Implement this!

dir

TODO: Implement this!

div

TODO: Implement this!

dl

TODO: Implement this!

dt

TODO: Implement this!

element

TODO: Implement this!

em

TODO: Implement this!

embed

TODO: Implement this!

fieldset

TODO: Implement this!

figcaption

TODO: Implement this!

figure

TODO: Implement this!

font

TODO: Implement this!

form

TODO: Implement this!

frame

TODO: Implement this!

frameset

TODO: Implement this!

h1

TODO: Implement this!

h2

TODO: Implement this!

h3

TODO: Implement this!

h4

TODO: Implement this!

h5

TODO: Implement this!

h6

TODO: Implement this!

head

TODO: Implement this!

header

TODO: Implement this!

hgroup

TODO: Implement this!

hr

TODO: Implement this!

html

TODO: Implement this!

i

TODO: Implement this!

iframe

TODO: Implement this!

image

TODO: Implement this!

img

TODO: Implement this!

input

TODO: Implement this!

ins

TODO: Implement this!

isindex

TODO: Implement this!

kbd

TODO: Implement this!

keygen

TODO: Implement this!

label

TODO: Implement this!

legend

TODO: Implement this!

li

TODO: Implement this!

listing

TODO: Implement this!

main

TODO: Implement this!

map

TODO: Implement this!

mark

TODO: Implement this!

marquee

TODO: Implement this!

menu

TODO: Implement this!

menuitem

TODO: Implement this!

meta

TODO: Implement this!

meter

TODO: Implement this!

multicol

TODO: Implement this!

nav

TODO: Implement this!

nextid

TODO: Implement this!

nobr

TODO: Implement this!

noembed

TODO: Implement this!

noframes

TODO: Implement this!

noscript

TODO: Implement this!

object

TODO: Implement this!

ol

TODO: Implement this!

optgroup

TODO: Implement this!

option

TODO: Implement this!

output

TODO: Implement this!

p

TODO: Implement this!

param

TODO: Implement this!

picture

TODO: Implement this!

plaintext

TODO: Implement this!

portal

TODO: Implement this!

pre

TODO: Implement this!

progress

TODO: Implement this!

q

TODO: Implement this!

rb

TODO: Implement this!

rp

TODO: Implement this!

rt

TODO: Implement this!

rtc

TODO: Implement this!

ruby

TODO: Implement this!

s

TODO: Implement this!

samp

TODO: Implement this!

script

TODO: Implement this!

section

TODO: Implement this!

select

TODO: Implement this!

shadow

TODO: Implement this!

slot

TODO: Implement this!

small

TODO: Implement this!

source

TODO: Implement this!

spacer

TODO: Implement this!

span

TODO: Implement this!

strike

TODO: Implement this!

strong

TODO: Implement this!

style

TODO: Implement this!

sub

TODO: Implement this!

summary

TODO: Implement this!

sup

TODO: Implement this!

table

TODO: Implement this!

tbody

TODO: Implement this!

td

TODO: Implement this!

template

TODO: Implement this!

textarea

TODO: Implement this!

tfoot

TODO: Implement this!

th

TODO: Implement this!

thead

TODO: Implement this!

time

TODO: Implement this!

title

TODO: Implement this!

tr

TODO: Implement this!

track

TODO: Implement this!

tt

TODO: Implement this!

u

TODO: Implement this!

ul

TODO: Implement this!

var

TODO: Implement this!

video

TODO: Implement this!

wbr

TODO: Implement this!

xmp

TODO: Implement this!