Click a selector to start!

Browser Support: browser logos
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<p id="bravo">
    Delegation
</p>
<p class="alpha">
    Factory pattern
</p>
<p class="echo">
    First class function
</p>
<h2>JavaScript
  <i>closure</i>
</h2>
<div data-customtag="b">
    Inheritance
    <span class="charlie">binding</span>
</div>
<span data-customtag="a">public</span>
<a href="https://developer.mozilla.org/en/CSS/CSS_Reference" title="CSS Reference">CSS Reference</a>
<nav>
    <a href="https://www.mozilla.org/">Mozilla</a>
    <a href="#" class="gamma">Patterns</a>
</nav>       
<p class="charlie echo">
    <a href="#" title="Some title text">type</a>
    Boolean
    <strong class="charlie">string</strong> AJAX
    <em>MVC</em>.
</p>       
<figure>
    <img src="assets/img/js.gif" title="Always bet on JavaScript">
    <figcaption>
        Always bet on JavaScript
    </figcaption>
</figure>
<span>1</span>
<span>2</span>
<span>3</span>
<span>
  <a href="#">4</a>
</span>
<article>
    <h2>Lists</h2>
    <ul>
        <li>
            <i>One.</i>
        </li>
        <li>
            Two.
        </li>
        <li>
            <b>Three</b>.
        </li>
    </ul>
    <ol>
        <li data-customtag="a">
            One.
        </li>
        <li>
            Two.
        </li>
    </ol>
    <h2>method</h2>
</article>
<h2 data-customtag="b">Meta</h2>
<p>
    Access <em>clone</em>
    hierarchy
    <b class="xray">partial</b> base
</p>
<h2>Form</h2>
<form action="#">
    <input id="beta" type="reset" name="reset" value="Reset text" class="tango">
    <input id="gamma" name="text" size="20" value="Default text.">
    <textarea id="someTextArea" name="textarea" rows="2" cols="20">Default text.</textarea>
    <fieldset>
        <legend>
            Legend
        </legend>
        <div>
          <label>variable</label>
            <input type="radio" name="radio" value="121">
        </div>
        <div>
          <label>constant</label>
            <input type="radio" name="radio" class="tango alpha" value="212" checked="">
        </div>
    </fieldset>
    <input type="checkbox" name="checkbox">
    <input type="checkbox" name="checkbox2" checked="">
    <div>
        <b>let</b>
    </div>
</form>