{"id":871,"date":"2014-11-17T09:27:36","date_gmt":"2014-11-17T14:27:36","guid":{"rendered":"http:\/\/id-demos.cms-devl.bu.edu\/responsi\/?page_id=871"},"modified":"2018-12-06T13:31:21","modified_gmt":"2018-12-06T18:31:21","slug":"basic-html","status":"publish","type":"page","link":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/basic-html\/","title":{"rendered":"Basic HTML"},"content":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, <a href=\"#\">convallis quis<\/a>, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.<\/p>\n<blockquote><p>Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.<\/p><\/blockquote>\n<blockquote><p>Foo proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros at neque pretium sagittis. Sed sodales lorem a ipsum suscipit gravida. Ut fringilla placerat arcu. Phasellus imperdiet. Mauris ac justo et turpis pharetra vulputate.<\/p><\/blockquote>\n<p><cite><a href=\"#\">Quote Source<\/a><\/cite><\/p>\n<table>\n<tbody>\n<tr>\n<th>Vestibulum in mauris semper tortor interdum ultrices.<\/th>\n<td>Vestibulum in mauris semper tortor interdum ultrices.<\/td>\n<td>Vestibulum in mauris semper tortor interdum ultrices.<\/td>\n<td>\n<ul>\n<li>Vestibulum in mauris semper tortor interdum ultrices<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h1>Level 1 Heading<\/h1>\n<h2>Level 2 Heading<\/h2>\n<h3>Level 3 Heading<\/h3>\n<h4>Level 4 Heading<\/h4>\n<h5>Level 5 Heading<\/h5>\n<h6>Level 6 Heading<\/h6>\n<h3>An Unordered List<\/h3>\n<ul>\n<li>Vestibulum in mauris semper tortor interdum ultrices.<\/li>\n<li>Sed vel lorem et justo laoreet bibendum. Donec dictum.<\/li>\n<li>Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.<\/li>\n<li>Praesent volutpat eros quis enim blandit tincidunt.<\/li>\n<li>Aenean eu libero nec lectus ultricies laoreet. Donec rutrum, nisi vel egestas ultrices, ipsum urna sagittis libero, vitae vestibulum dui dolor vel velit.<\/li>\n<\/ul>\n<h2>Images<\/h2>\n<h3 style=\"clear: both;\">Image with no class or alignment<\/h3>\n<p><img loading=\"lazy\" src=\"http:\/\/placehold.it\/150x150\" alt=\"\" height=\"150\" width=\"150\" \/>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.<\/p>\n<h3 style=\"clear: both;\">Class: alignleft<\/h3>\n<p><img loading=\"lazy\" src=\"http:\/\/placehold.it\/150x150\" alt=\"\" class=\"alignleft\" height=\"150\" width=\"150\" \/>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat. Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.<\/p>\n<h3 style=\"clear: both;\">Left with caption<\/h3>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-46\" src=\"http:\/\/placehold.it\/296x300\" alt=\"Alice in Wonderland illustration from Wikipedia\" height=\"300\" width=\"296\" \/><\/p>\n<p>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.<\/p>\n<h3 style=\"clear: both;\">Right with caption<\/h3>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-47\" src=\"http:\/\/placehold.it\/296x300\" alt=\"Alice in Wonderland illustration from Wikipedia\" height=\"300\" width=\"296\" \/><\/p>\n<p>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat. Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.<\/p>\n<h3 style=\"clear: both;\">Left with caption, small thumb<\/h3>\n<div class=\"wp-caption alignleft\" style=\"width: 160px;\">\n<p><img loading=\"lazy\" class=\"size-medium8\" src=\"http:\/\/placehold.it\/150x150\" alt=\"Alice in Wonderland illustration from Wikipedia\" height=\"150\" width=\"150\" \/><\/p>\n<p class=\"wp-caption-text\">Most of us were born in a world where we knew of no other planets besides our solar system.<\/p>\n<\/div>\n<p>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.<\/p>\n<h3 style=\"clear: both;\">Class: aligncenter<\/h3>\n<p><img loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/placehold.it\/150x150\" alt=\"Alice in Wonderland illustration from Wikipedia\" height=\"150\" width=\"150\" \/>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.<\/p>\n<h3 style=\"clear: both;\">Center with caption<\/h3>\n<div class=\"wp-caption aligncenter\" style=\"width: 160px;\">\n<p><img loading=\"lazy\" class=\"size-medium8\" src=\"http:\/\/placehold.it\/150x150\" alt=\"Alice in Wonderland illustration from Wikipedia\" height=\"150\" width=\"150\" \/><\/p>\n<p class=\"wp-caption-text\">Most of us were born in a world where we knew of no other planets besides our solar system.<\/p>\n<\/div>\n<p>Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. Fusce erat.<\/p>\n<h3 class=\"clear\">An Ordered List<\/h3>\n<ol>\n<li>Vestibulum in mauris semper tortor interdum ultrices.<\/li>\n<li>Sed vel lorem et justo laoreet bibendum. Donec dictum.<\/li>\n<li>Etiam massa libero, lacinia at, commodo in, tincidunt a, purus.<\/li>\n<li>Praesent volutpat eros quis enim blandit tincidunt.<\/li>\n<li>Aenean eu libero nec lectus ultricies laoreet. Donec rutrum, nisi vel egestas ultrices, ipsum urna sagittis libero, vitae vestibulum dui dolor vel velit.<\/li>\n<\/ol>\n<h2>Headings<\/h2>\n<p>In addition to standard h1 through h6 headings, these themes offer two heading alternatives. User can add class=&#8221;fancy&#8221; to their heading tag to get an italicized, serif font in the same color and roughly the same size as a standard heading. Additionally, users can add class=&#8221;caps&#8221; to their heading tag to get an all-uppercase heading in the same color and at an appropriate size.<\/p>\n<h1>Level 1 Heading<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h1>Level 1 Heading That Is Long Enough That It Wraps To A Second Line So We Can Test Linespacing<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h1 class=\"fancy\">Level 1 Heading class=&#8221;fancy&#8221;<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h1 class=\"caps\">Level 1 Heading class=&#8221;caps&#8221;<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<blockquote class=\"right\">\n<h3>Callout Header<\/h3>\n<p>Content for the callout box. Totam rem aperiam, eaque ipsa quae ab inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas<\/p><\/blockquote>\n<h2>Level 2 Heading<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h2>Level 2 Heading That Is Long Enough That It Wraps To A Second Line So We Can Test Linespacing<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h2 class=\"fancy\">Level 2 Heading class=&#8221;fancy&#8221;<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h2 class=\"caps\">Level 2 heading class=&#8221;caps&#8221;<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h3>Level 3 Heading<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h3>Level 3 Heading That Is Long Enough That It Wraps To A Second Line So We Can Test Linespacing That It Wraps To A Second Line So We Can Tes<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<blockquote class=\"left\">\n<h3>Callout Header<\/h3>\n<p>Content for the callout box. Totam rem aperiam, eaque ipsa quae ab inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas<\/p><\/blockquote>\n<h3 class=\"fancy\">Level 3 heading class=&#8221;fancy&#8221;<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h3 class=\"caps\">Level 3 heading class=&#8221;caps&#8221;<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h4>Level 4 Heading<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h4>Level 4 Heading That Is Long Enough That It Wraps To A Second Line So We Can Test Linespacing That Is Long Enough That It Wraps To A Second Line So We Can Test Linespacing<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h4 class=\"fancy\">Level 4 Heading class=&#8221;fancy&#8221;<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h5>Level 5 Heading<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h5>Level 5 Heading That Is Long Enough That It Wraps To A Second Line So We Can Test Linespacing That Is Long Enough That It Wraps To A Second Line So We Can Test Linespacing<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h5 class=\"caps\">Level 5 Heading class=&#8221;caps&#8221;<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h6>Level 6 Heading<\/h6>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h6 class=\"fancy\">Level 6 Heading class=&#8221;fancy&#8221;<\/h6>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<blockquote><p>Paragraph inside Blockquote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl.<\/p><\/blockquote>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<blockquote>\n<h5>Headings and paragraph text inside blockquotes<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p>\n<h6 class=\"fancy\">Level 6 Heading class=&#8221;fancy&#8221;<\/h6>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quam odio, lacinia tristique, convallis a, lacinia ac, risus. Maecenas fringilla odio cursus nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi porta justo ut odio.<\/p><\/blockquote>\n<h2>Various HTML Elements<\/h2>\n<address>Address: Example address 770 Commonwealth Avenue<\/address>\n<address class=\"large fancy\">Address with class=&#8221;large fancy&#8221;: Example address 770 Commonwealth Avenue<\/address>\n<pre><strong>Preformated:<\/strong>Testing one row\r\n\t                        and another\r\n<\/pre>\n<p>I am <a href=\"?abc123\">the a tag<\/a> example<br \/>\nI am <abbr title=\"use the title attribute of the abbr tag to decribe the abbreviation, usually on first use for uncommon abbreviations\">the abbr tag<\/abbr> example<\/p>\n<p>I am <acronym title=\"use the title attribute of the acronym tag to describe the acronym, usually on first use for uncommon acronyms\">the acronym tag<\/acronym> example<br \/>\nI am <strong>the b tag<\/strong> example<br \/>\nI am <big>the big tag<\/big> example<\/p>\n<p>I am <cite>the cite tag<\/cite> example<br \/>\nI am <code>the code tag<\/code> example<br \/>\nI am <del>the del tag<\/del> example<\/p>\n<p>I am the <s>s<\/s> tag example (deprecated tag &#8211; use <strong>del<\/strong> instead)<br \/>\nI am <span style=\"text-decoration: line-through;\">the strike tag<\/span> example (deprecated tag &#8211; use <strong>del<\/strong> instead)<\/p>\n<p>I am <dfn>the dfn tag<\/dfn> example<br \/>\nI am <em>the em tag<\/em> example<br \/>\nI am <em>the i tag<\/em> example<\/p>\n<p>I am <ins>the ins tag<\/ins> example<br \/>\nI am <kbd>the kbd tag<\/kbd> example<br \/>\nI am <q>the q tag <q>inside<\/q> a q tag<\/q> example<\/p>\n<p>I am the samp tag example<br \/>\nI am the small tag example<br \/>\nI am <span>the span tag<\/span> example<\/p>\n<p>I am <strong>the strong tag<\/strong> example<br \/>\nI am <sub>the sub tag<\/sub> example<br \/>\nI am <sup>the sup tag<\/sup> example<\/p>\n<p>I am <tt>the tt tag<\/tt> example<br \/>\nI am <var>the var tag<\/var> example<br \/>\nI am the <span class=\"small\">small class<\/span> example<\/p>\n<p>I am the <span class=\"large\">large class<\/span> example<br \/>\nI am the <span class=\"highlight\">highlight class<\/span> example<\/p>\n<h1>We discovered a new element, Hop<sub>22<\/sub><\/h1>\n<h1>1<sup>st<\/sup> and best<\/h1>\n<h2>We discovered a new element, Hop<sub>22<\/sub><\/h2>\n<h2>1<sup>st<\/sup> and best<\/h2>\n<h3>We discovered a new element, Hop<sub>22<\/sub><\/h3>\n<h3>1<sup>st<\/sup> and best<\/h3>\n<h4>We discovered a new element, Hop<sub>22<\/sub><\/h4>\n<h4>1<sup>st<\/sup> and best<\/h4>\n<h5>We discovered a new element, Hop<sub>22<\/sub><\/h5>\n<h5>1<sup>st<\/sup> and best<\/h5>\n<h6>We discovered a new element, Hop<sub>22<\/sub><\/h6>\n<h6>1<sup>st<\/sup> and best<\/h6>\n<p>We discovered a new element, Hop<sub>22<\/sub><\/p>\n<p>I am <sup>the sup tag<\/sup> example<\/p>\n<p>Horizontal Rule:<\/p>\n<hr \/>\n<h2>Regular Lists<\/h2>\n<ul>\n<li>Unordered list 01<\/li>\n<li>Unordered list 02<\/li>\n<li>Unordered list 03\n<ul>\n<li>Unordered list inside list level 2<\/li>\n<li>Unordered list inside list level 2\n<ul>\n<li>Unordered list inside list level 3<\/li>\n<li>Unordered list inside list level 3<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ol>\n<li>Ordered list 01<\/li>\n<li>Ordered list 02<\/li>\n<li>Ordered list 03\n<ol>\n<li>Ordered list inside list level 2<\/li>\n<li>Ordered list inside list level 2\n<ol>\n<li>Ordered list inside list level 3<\/li>\n<li>Ordered list inside list level 3<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<dl>\n<dt>Description List Term 1<\/dt>\n<dd>Description list description 1<\/dd>\n<dt>Description List Term 2<\/dt>\n<dd>Description list description 2<\/dd>\n<dd>Description list description 3<\/dd>\n<\/dl>\n<dl class=\"tabular\">\n<dt>List Term 1<\/dt>\n<dd>Description list description 1<\/dd>\n<dt>List Term 2<\/dt>\n<dd>Description list description 2<\/dd>\n<dd>Description list description 3<\/dd>\n<\/dl>\n<h2>Single-Spaced Lists<\/h2>\n<h6>Add class=&#8221;singlespace&#8221; to the list tag (ul, ol, or dl) and the list (and all nested lists) will be singlespaced.<\/h6>\n<ul class=\"singlespace\">\n<li>Unordered list 01 (with ul class=&#8221;singlespace&#8221;)<\/li>\n<li>Unordered list 02<\/li>\n<li>Unordered list 03\n<ul>\n<li>Unordered list inside list level 2<\/li>\n<li>Unordered list inside list level 2\n<ul>\n<li>Unordered list inside list level 3<\/li>\n<li>Unordered list inside list level 3<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ol class=\"singlespace\">\n<li>Ordered list 01 (with ol class=&#8221;singlespace&#8221;)<\/li>\n<li>Ordered list 02<\/li>\n<li>Ordered list 03\n<ol>\n<li>Ordered list inside list level 2<\/li>\n<li>Ordered list inside list level 2\n<ol>\n<li>Ordered list inside list level 3<\/li>\n<li>Ordered list inside list level 3<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h2>Default Tables<\/h2>\n<table border=\"0\">\n<thead>\n<tr>\n<th>Title<\/th>\n<th>Title<\/th>\n<th>Title<\/th>\n<\/tr>\n<tbody>\n<tr>\n<td> Info <\/td>\n<td> Info <\/td>\n<td> Info <\/td>\n<\/tr>\n<tr>\n<td> Info <\/td>\n<td> Info <\/td>\n<td> Info <\/td>\n<\/tr>\n<tr>\n<td> Info <\/td>\n<td> Info <\/td>\n<td> Info <\/td>\n<\/tr>\n<tfoot>\n<tr>\n<th>Title<\/th>\n<th>Title<\/th>\n<th>Title<\/th>\n<\/tr>\n<\/tfoot>\n<\/table>\n<table border=\"0\">\n<caption>Table Caption (Unstyled Table)<\/caption>\n<thead>\n<tr>\n<th>Table head th &lt;thead&gt;&lt;tr&gt;&lt;th&gt;<\/th>\n<td>Table head td &lt;thead&gt;&lt;tr&gt;&lt;td&gt;<\/td>\n<td>Table head td<\/td>\n<\/tr>\n<\/thead>\n<tfoot>\n<tr>\n<th>Table foot th &lt;tfoot&gt;&lt;tr&gt;&lt;th&gt;<\/th>\n<td>Table foot td &lt;tfoot&gt;&lt;tr&gt;&lt;td&gt;<\/td>\n<td>Table foot td<\/td>\n<\/tr>\n<\/tfoot>\n<tbody>\n<tr>\n<th>Table body th &lt;tbody&gt;&lt;tr&gt;&lt;th&gt;<\/th>\n<td>Table body td &lt;tbody&gt;&lt;tr&gt;&lt;td&gt;<\/td>\n<td>Table body td<\/td>\n<\/tr>\n<tr>\n<th>Table body th<\/th>\n<td>Table body td<\/td>\n<td>Table body td<\/td>\n<\/tr>\n<tr>\n<th>Table body th<\/th>\n<td>Table body td<\/td>\n<td>Table body td<\/td>\n<\/tr>\n<tr>\n<th>Table body th<\/th>\n<td>Table body td<\/td>\n<td>Table body td<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Note: If you use the thead, tfoot and tbody elements,<\/strong> you must use every element. They should appear in this order: &lt;thead&gt;, &lt;tfoot&gt; and &lt;tbody&gt;, so that browsers can render the foot before receiving all the data. You must use these tags within the table element. Each requires a &lt;tr&gt; tag and &lt;td&gt; or &lt;th&gt; tags for each cell. See the source code of the table above for an example.<\/p>\n<table>\n<caption>Table Caption (Unstyled Table without thead, tfoot, or tbody)<\/caption>\n<tbody>\n<tr>\n<th>Table row &#8211; header &lt;tr&gt;&lt;th&gt;<\/th>\n<th>Table row &#8211; header<\/th>\n<th>Table row &#8211; header<\/th>\n<\/tr>\n<tr>\n<td>Table row &#8211; regular &lt;tr&gt;&lt;td&gt;<\/td>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<\/tr>\n<tr>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<\/tr>\n<tr>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Unstyled Tables<\/h2>\n<table class=\"unstyled\">\n<caption>Table Caption (Table class=&#8221;unstyled&#8221;)<\/caption>\n<thead>\n<tr>\n<th>Table head th &lt;thead&gt;&lt;tr&gt;&lt;th&gt;<\/th>\n<td>Table head td &lt;thead&gt;&lt;tr&gt;&lt;td&gt;<\/td>\n<td>Table head td<\/td>\n<\/tr>\n<\/thead>\n<tfoot>\n<tr>\n<th>Table foot th &lt;tfoot&gt;&lt;tr&gt;&lt;th&gt;<\/th>\n<td>Table foot td &lt;tfoot&gt;&lt;tr&gt;&lt;td&gt;<\/td>\n<td>Table foot td<\/td>\n<\/tr>\n<\/tfoot>\n<tbody>\n<tr>\n<th>Table body th &lt;tbody&gt;&lt;tr&gt;&lt;th&gt;<\/th>\n<td>Table body td<\/td>\n<td>Table body td<\/td>\n<\/tr>\n<tr>\n<th>Table body th<\/th>\n<td>Table body td<\/td>\n<td>Table body td<\/td>\n<\/tr>\n<tr>\n<th>Table body th<\/th>\n<td>Table body td<\/td>\n<td>Table body td<\/td>\n<\/tr>\n<tr>\n<th>Table body th<\/th>\n<td>Table body td<\/td>\n<td>Table body td<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Note: If you use the thead, tfoot and tbody elements,<\/strong> you must use every element. They should appear in this order: &lt;thead&gt;, &lt;tfoot&gt; and &lt;tbody&gt;, so that browsers can render the foot before receiving all the data. You must use these tags within the table element. Each requires a &lt;tr&gt; tag and &lt;td&gt; or &lt;th&gt; tags for each cell. See the source code of the table above for an example.<\/p>\n<table class=\"unstyled\">\n<caption>Table Caption (Table class=&#8221;unstyled&#8221; without using thead, tfoot, or tbody)<\/caption>\n<tbody>\n<tr>\n<th>Table row &#8211; header &lt;tr&gt;&lt;th&gt;<\/th>\n<th>Table row &#8211; header<\/th>\n<th>Table row &#8211; header<\/th>\n<\/tr>\n<tr>\n<td>Table row &#8211; regular &lt;tr&gt;&lt;td&gt;<\/td>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<\/tr>\n<tr>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<\/tr>\n<tr>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<td>Table row &#8211; regular<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c  no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;\">Save<\/span><\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c  no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;\">Save<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat. Proin vestibulum. Ut ligula. Nullam sed dolor id odio volutpat pulvinar. Integer a leo. In et eros [&hellip;]<\/p>\n","protected":false},"author":1270,"featured_media":0,"parent":0,"menu_order":13,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/wp-json\/wp\/v2\/pages\/871"}],"collection":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/wp-json\/wp\/v2\/users\/1270"}],"replies":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/wp-json\/wp\/v2\/comments?post=871"}],"version-history":[{"count":5,"href":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/wp-json\/wp\/v2\/pages\/871\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/wp-json\/wp\/v2\/pages\/871\/revisions\/1763"}],"wp:attachment":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/responsi\/wp-json\/wp\/v2\/media?parent=871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}