x
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
<div class="RichText"> <h1>h1 HTML5 Kitchen Sink</h1> <h2>h2 Back in my quaint <a href='#'>garden</a></h2> <h3>h3 Jaunty <a href='#'>zinnias</a> vie with flaunting phlox</h3> <h4>h4 Five or six big jet planes zoomed quickly by the new tower.</h4> <h5>h5 Expect skilled signwriters to use many jazzy, quaint old alphabets effectively.</h5> <h6>h6 Pack my box with five dozen liquor jugs.</h6> <p>Links can be <a href="/">visited</a> or <a href="#">not visited</a> (after clicking, reload the page to change the link).</p> <p>This paragraph is nested inside an article. It contains many different, sometimes useful, HTML5 tags. Of course there are classics like <em>emphasis</em>, <strong>strong</strong>, and <small>small</small> but there are many others as well. Hover the following text for abbreviation tag: <abbr title="abbreviation">abbr</abbr>. Similarly, you can use acronym tag like this: <acronym title="For The Win">ftw</acronym>. You can define <del>deleted text</del> which often gets replaced with <ins>inserted</ins> text.</p> <p>You can also use <kbd>keyboard text</kbd>, which sometimes is styled similarly to the <code><code></code> or <samp>samp</samp> tags. Even more specifically, there is a tag just for <var>variables</var>. Not to be mistaken with blockquotes below, the quote tag lets you denote something as <q>quoted text</q>. Lastly don't forget the sub (H<sub>2</sub>O) and sup (E = MC<sup>2</sup>) tags. </p> <hr> <blockquote> <p>Blockquote: I quickly explained that many big jobs involve few hazards</p> </blockquote> <blockquote> <p>This is a mult-line blockquote with a cite reference. People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’tdone as the things I have done. Innovation is saying no to 1,000 things. <cite>Steve Jobs – Apple Worldwide Developers’ Conference, 1997</cite> </p> </blockquote> <hr> <dl> <dt>Definition List Title</dt> <dd>Definition list division.</dd> <dt>Kitchen Sink</dt> <dd>Used in expressions to describe work in which all conceivable (and some inconceivable) sources have been mined. In this case, a bunch of markup.</dd> <dt>aside</dt> <dd>Defines content aside from the page content</dd> <dt>blockquote</dt> <dd>Defines a section that is quoted from another source</dd> </dl> <hr> <ul> <li>Unordered List item one <ul> <li>Nested list item <ul> <li>Level 3, item one</li> <li>Level 3, item two</li> <li>Level 3, item three</li> <li>Level 3, item four</li> </ul> </li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ul> </li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ul> <hr> <ol> <li>List item one <ol> <li>List item one <ol> <li>List item one</li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ol> </li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ol> </li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ol> <hr> <address>1 Infinite Loop<br> Cupertino, CA 95014<br> United States</address> <hr> <pre>pre { display: block; padding: 7px; background-color: #F5F5F5; border: 1px solid #E1E1E8; border-radius: 3px; white-space: pre-wrap; word-break: break-all; font-family: Menlo, Monaco; line-height: 160%;}</pre></div>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
94
RichText() do <<~HTML.html_safe <h1>h1 HTML5 Kitchen Sink</h1> <h2>h2 Back in my quaint <a href='#'>garden</a></h2> <h3>h3 Jaunty <a href='#'>zinnias</a> vie with flaunting phlox</h3> <h4>h4 Five or six big jet planes zoomed quickly by the new tower.</h4> <h5>h5 Expect skilled signwriters to use many jazzy, quaint old alphabets effectively.</h5> <h6>h6 Pack my box with five dozen liquor jugs.</h6> <p>Links can be <a href="/">visited</a> or <a href="#">not visited</a> (after clicking, reload the page to change the link).</p> <p>This paragraph is nested inside an article. It contains many different, sometimes useful, HTML5 tags. Of course there are classics like <em>emphasis</em>, <strong>strong</strong>, and <small>small</small> but there are many others as well. Hover the following text for abbreviation tag: <abbr title="abbreviation">abbr</abbr>. Similarly, you can use acronym tag like this: <acronym title="For The Win">ftw</acronym>. You can define <del>deleted text</del> which often gets replaced with <ins>inserted</ins> text.</p> <p>You can also use <kbd>keyboard text</kbd>, which sometimes is styled similarly to the <code><code></code> or <samp>samp</samp> tags. Even more specifically, there is a tag just for <var>variables</var>. Not to be mistaken with blockquotes below, the quote tag lets you denote something as <q>quoted text</q>. Lastly don't forget the sub (H<sub>2</sub>O) and sup (E = MC<sup>2</sup>) tags. </p> <hr> <blockquote> <p>Blockquote: I quickly explained that many big jobs involve few hazards</p> </blockquote> <blockquote> <p>This is a mult-line blockquote with a cite reference. People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’tdone as the things I have done. Innovation is saying no to 1,000 things. <cite>Steve Jobs – Apple Worldwide Developers’ Conference, 1997</cite> </p> </blockquote> <hr> <dl> <dt>Definition List Title</dt> <dd>Definition list division.</dd> <dt>Kitchen Sink</dt> <dd>Used in expressions to describe work in which all conceivable (and some inconceivable) sources have been mined. In this case, a bunch of markup.</dd> <dt>aside</dt> <dd>Defines content aside from the page content</dd> <dt>blockquote</dt> <dd>Defines a section that is quoted from another source</dd> </dl> <hr> <ul> <li>Unordered List item one <ul> <li>Nested list item <ul> <li>Level 3, item one</li> <li>Level 3, item two</li> <li>Level 3, item three</li> <li>Level 3, item four</li> </ul> </li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ul> </li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ul> <hr> <ol> <li>List item one <ol> <li>List item one <ol> <li>List item one</li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ol> </li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ol> </li> <li>List item two</li> <li>List item three</li> <li>List item four</li> </ol> <hr> <address>1 Infinite Loop<br> Cupertino, CA 95014<br> United States</address> <hr> <pre> pre { display: block; padding: 7px; background-color: #F5F5F5; border: 1px solid #E1E1E8; border-radius: 3px; white-space: pre-wrap; word-break: break-all; font-family: Menlo, Monaco; line-height: 160%; }</pre> HTMLendContent comes from Chris Coyer's HTML Kitchen-sink rubocop:disable Rails/OutputSafety
No params configured.