{
  "first_name": "John",
  "last_name": "Smith",

  "my_html_inline": "Bob <strong>Smith</strong> is a <em>teacher</em>. This is <u>underline</u>, <s>strike</s>, also <del>delete</del>, <sub>sub</sub> and <sup>sup</sup>.<br/>Alice <b>Martin</b> is a <i>doctor</i>.",
  "my_html_link": "<a href=\"https://www.oracle.com\">Oracle Website</a>",

  "my_html_p": "<p style=\"margin-bottom: 8pt;\">This is a paragraph.</p>",
  "my_html_b": "<b>bold text</b>",
  "my_html_s": "<s>strike through</s>",
  "my_html_u": "<u>underline</u>",
  "my_html_em": "<em>italics</em>",

  "my_html_strong": "<strong>strong</strong>",
  "my_html_small": "<small>small</small>",

  "my_html_h1": "<h1>Heading 1</h1>",
  "my_html_h2": "<h2>Heading 2</h2>",
  "my_html_h3": "<h3>Heading 3</h3>",
  "my_html_h4": "<h4>Heading 4</h4>",
  "my_html_h5": "<h5>Heading 5</h5>",
  "my_html_h6": "<h6>Heading 6</h6>",

  "my_html_sub": "<p>H<sub>2</sub>O</p>",
  "my_html_sup": "<p>X<sup>2</sup></p>",

  "my_html_ol": "<ol><li>First</li><li>Second</li><li>Third</li></ol>",
  "my_html_ul": "<ul><li>Apple</li><li>Banana</li><li>Cherry</li></ul>",
  "my_html_dl": "<dl><dt>CPU</dt><dd>Central Processing Unit</dd><dt>RAM</dt><dd>Random Access Memory</dd></dl>",
  "my_html_del_ins": "<p>My favorite color is <del>red</del> <ins>blue</ins>!</p>",
  "my_html_hr": "<p>Section above</p><hr/><p>Section below</p>",
  "my_html_var": "<p>Formula: <var>x</var> + <var>y</var> = <var>z</var></p>",

  "my_html_table_simple": "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head><title>table borders example</title><style type=\"text/css\"> table{ border: 1px solid black; border-collapse: collapse; } th, td {border: 1px solid black; padding: 1px;}</style></head><body><table><thead><tr><th>Col A</th><th>Col B</th></tr></thead><tbody><tr><td>A1</td><td>B1</td></tr><tr><td>A2</td><td><img src=\"data:image/gif;base64,R0lGODdhAgACAKEEAAMA//8AAAD/Bv/8ACwAAAAAAgACAAACAww0BQA7\" style=\"width: 3em\"/></td></tr></tbody><tfoot><tr><td colspan=\"2\">Footer</td></tr></tfoot></table></body></html>",
  "my_html_table_colgroup": "<table><colgroup><col style=\"width:60%\" /><col style=\"width:40%\" /></colgroup><thead><tr><th>Left head</th><th>Right head</th></tr></thead><tbody><tr><td>L1</td><td>R1</td></tr><tr><td>L2</td><td>R2</td></tr></tbody><tfoot><tr><th>Left Foot</th><th>Right foot</th></tr></tfoot></table>",

  "my_html_pre": "<pre>line 1 (does not work)<br/>line 2<br/>line 3</pre><p><span class=\"Courier\">line 1 with style<br/>line 2 with style<br/>line 3 with style</span></p>",
  "my_html_code": "<code>if (value != 0) { (does not work)</code><p><span class=\"Courier\">if (value != 0) { // Using Word style</span></p>",
  "my_html_mark": "<p>Do not forget to <mark>mark</mark> the date (does not work).</p><p>Do not forget to <span class=\"Highlighted\">mark</span> the date with style</p>",
  "my_html_kbd": "<p>Press <kbd>Ctrl</kbd> + <kbd>S</kbd> to save.</p><p>Press <span class=\"Courier\">Ctrl</span> + <span class=\"Courier\">S</span> to save with style.</p>",
  "my_html_samp": "<p>System response: <samp>Operation completed successfully.</samp></p><p>System response: <span class=\"Courier\">Operation completed successfully with style.</span></p>",

  "my_html_span_style": "<p><span class=\"Courier\" style=\"background-color: #ffff00; color: #0000ff; font-size: 20pt;\">Styled span text in Blue with Yellow background. Font Courier New (from Word style) of size 20</span></p>",

  "my_html_complex": "<div><p>This is <strong>bold</strong>, <em>italic</em>, <u>underlined</u>, includes a <span class=\"Courier\" style=\"color: #d14; background-color: #ffeeee, monospace;\">styled span</span>, and a hyperlink <a href=\"https://www.oracle.com\">Oracle Website</a>.</p></div>",
  "my_html_complex2": "<div>Some text before paragraph<p>This is a paragraph.</p><h3>Heading 3</h3></div><ol><li>First</li><li>Second</li><li>Third</li></ol><table><colgroup><col style=\"width:60%\" /><col style=\"width:40%\" /></colgroup><thead><tr><th>Left head</th><th>Right head</th></tr></thead><tbody><tr><td>L1</td><td>R1</td></tr><tr><td>L2</td><td>R2</td></tr></tbody><tfoot><tr><th>Left Foot</th><th>Right foot</th></tr></tfoot></table><p>After table.</p>",

  "my_html_img":"<body><img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNrszbERgDAMQ1HB/ouxBHtEkR3iHDTU0Mnn+6fubThOjFGfici7EfV62lWV1hA4R689y9ez2oi2Su74+QwYMGDAgAEDBgwYMPDVXQIMABpTPuEQNrlhAAAAAElFTkSuQmCC\" alt=\"simple icon\" /></body>",
  "my_html_figure":"<body><figure><img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNrszbERgDAMQ1HB/ouxBHtEkR3iHDTU0Mnn+6fubThOjFGfici7EfV62lWV1hA4R689y9ez2oi2Su74+QwYMGDAgAEDBgwYMPDVXQIMABpTPuEQNrlhAAAAAElFTkSuQmCC\" alt=\"simple icon\" /><figcaption> Caption about an icon.</figcaption></figure></body>",

  "items": [
    {"my_html_item": "First item <ol><li>First</li><li>Second</li><li>Third</li></ol>"},
    {"my_html_item": "Second item <ul><li>Apple</li><li>Banana</li><li>Cherry</li></ul>"}
  ]
}
