Html5

HTML5 Test

bookmark

Organization Tags

div

span

main

header

section

article

summary

details

Paragraph Tags

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

paragraph.

preformatted text.
    w00t.

paragraph with a long word with a wbr ==============================================================||================================================================================.

paragraph with a br
in the middle followed by a hr.

Formatting Tags

sample text

Typesetting Tags

<ruby> 山【やま】

bdi

This text is RTL.

Semantic Tags

abbr data definition variable cite quote

blockquote

code kbd samp

address

time

Anchor Tag

hyperlink
hyperlink

mrpoop@poop.com

List Tags

Unordered List

Milk
Coffee
Tea

Ordered List

Milk
Coffee
Tea

type: start: reversed:

Descriptor List

Coffee: - black hot drink
Milk: - white cold drink

Table Tags

<th>	<th>	<th>		<th>	<th>
<td>	<td>	<td>	<td>	<td>	<td>
<td>	<td>	<td>		<td>	<td>
<td>	<td>	<td>		<td>	<td>
<td>	<td>	<td>	<td>	<td>	<td>
<td>	<td>	<td>	<td>	<td>	<td>

border-collapse:

Image Tags

Multimedia Tags

Form Tags

<form>

Input button:
checkbox:
color:
date:
datetime-local:
email:
file:
hidden:
image:
month:
number:
password:
radio:
range:
reset:
search:
submit:
tel:
text:
time:
url:
week:

Choose your browser from the list:

<select> waifu:

CSS

output:

inner html:

background background-color:
background-image:
background-size:
background-repeat:
background-attachment:
background-origin:
background-position:
background-blend-mode:
background-clip:

text color:
font-family:
font-style:
font-variant:
font-variant-caps:
font-weight:
font-size:
font-size-adjust:
font-stretch:
font-kerning:
text-align:
text-align-last:
text-justify:
vertical-align:
unicode-bidi:
direction:
text-orientation:
text-transform:
text-decoration-thickness:
text-decoration-line:
text-decoration-style:
text-decoration-color:
letter-spacing:
line-height:
text-indent:
white-space:
word-spacing:
text-overflow:
text-shadow:

border

side	width	style	color
top
right
bottom
left

corner	radius
top-left
top-right
bottom-right
bottom-left

block-start
inline-end
block-end
inline-start

corner	radius
start-start
start-end
end-end
end-start

border-image-source:
border-image-slice:
border-image-repeat:
border-image-width:
border-image-outset:

margin

side	width
top
right
bottom
left

padding

side	width
top
right
bottom
left

content

dimension	value	min	max
width
height

outline

outline-width	outline-style	outline-color	outline-offset

element opacity: 1.0