{"id":33,"date":"2014-04-18T11:21:28","date_gmt":"2014-04-18T11:21:28","guid":{"rendered":"http:\/\/themehorse.com\/preview\/paradise\/?page_id=33"},"modified":"2017-04-21T11:40:22","modified_gmt":"2017-04-21T11:40:22","slug":"html-styles","status":"publish","type":"page","link":"https:\/\/www.themehorse.com\/preview\/interface\/html-styles\/","title":{"rendered":"Html Styles"},"content":{"rendered":"<p>Below is just about every <abbr title=\"HyperText Markup Language\">HTML<\/abbr> element you might want to use in your blog posts. Check the source code to see the many embedded elements within paragraphs.<\/p>\n<hr \/>\n<h1>H1 Heading<\/h1>\n<h2>H2 Heading<\/h2>\n<h3>H3 Heading<\/h3>\n<h4>H4 Heading<\/h4>\n<h5>H5 Heading<\/h5>\n<h6>H6 Heading<\/h6>\n<hr \/>\n<h4>HTML Styles<\/h4>\n<p>Jujubes croissant sweet <a title=\"link\" href=\"#\">test link<\/a> bar croissant lollipop <strong>strong text<\/strong> chocolate cake jelly beans tiramisu. Candy 5<sup>3<\/sup> = 125 oat cake H<sub>2<\/sub>O toffee toffee caramels caramels bear claw. Marshmallow gingerbread pastry cupcake. <abbr>Apple<\/abbr> pie <cite>Italic text<\/cite> goes like this gummies icing jelly biscuit chocolate chocolate cake. Caramels dessert carrot cake oat cake pie danish bonbon. Tootsie roll underline gingerbread wafer. Sugar plum fruitcake <abbr title=\"Premimum WordPress Themes - http:\/\/themehorse.com\">Theme Horse<\/abbr> tootsie roll applicake caramels muffin chocolate marshmallow cupcake. Biscuit <del>fruitcake<\/del> cheesecake. Cookie chupa chups ice cream candy biscuit jelly-o. Tootsie roll drag\u00e9e lollipop.<\/p>\n<hr \/>\n<h4>Blockquotes<\/h4>\n<blockquote><p>Chupa chups bonbon cupcake marshmallow. Fruitcake halvah brownie sugar plum carrot cake wafer topping marzipan cake. Brownie danish biscuit cookie tootsie roll. Tootsie roll cheesecake toffee. Bonbon dessert sweet roll tootsie roll cake. Donut brownie cheesecake cupcake. Oat cake sweet marzipan fruitcake lollipop gummi bears cake halvah.<\/p><\/blockquote>\n<hr \/>\n<h4>List Types<\/h4>\n<h5>Ordered List<\/h5>\n<ol>\n<li><a title=\"list\" href=\"#\">List Item #1<\/a><\/li>\n<li><a title=\"list\" href=\"#\">List Item #2<\/a>\n<ol>\n<li><a title=\"list\" href=\"#\">Nested list item #A<\/a><\/li>\n<li><a title=\"list\" href=\"#\">Nested list item #B<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a title=\"list\" href=\"#\">List Item #3<\/a><\/li>\n<\/ol>\n<h5>Unordered List<\/h5>\n<ul>\n<li><a title=\"list\" href=\"#\">List Item #1<\/a><\/li>\n<li><a title=\"list\" href=\"#\">List Item #2<\/a>\n<ul>\n<li><a title=\"list\" href=\"#\">Nested list item #A<\/a><\/li>\n<li><a title=\"list\" href=\"#\">Nested list item #B<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a title=\"list\" href=\"#\">List Item #3<\/a><\/li>\n<\/ul>\n<hr \/>\n<h4>Image aligned left &amp; right<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit. Proin pellentesque fringilla tempor. Integer posuere, elit vitae volutpat sagittis, leo nisi sollicitudin est, eget convallis mi lacus eu quam. Pellentesque a quam non dui tincidunt elementum vitae eget neque.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-130 size-medium\" src=\"http:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/lighthouse-116524-300x300.jpg\" alt=\"Image with aligned Right\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/lighthouse-116524-300x300.jpg 300w, https:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/lighthouse-116524-150x150.jpg 150w, https:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/lighthouse-116524-1024x1024.jpg 1024w, https:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/lighthouse-116524-100x100.jpg 100w, https:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/lighthouse-116524.jpg 2000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit. Proin pellentesque fringilla tempor. Integer posuere, elit vitae volutpat sagittis, leo nisi sollicitudin est, eget convallis mi lacus eu quam. Pellentesque a quam non dui tincidunt elementum vitae eget neque. Praesent odio ante, viverra sed blandit sit amet, porta quis velit. Nullam euismod nibh non pellentesque sagittis. Mauris urna tortor, facilisis in rhoncus ut, egestas ut risus. Sed neque nulla, blandit ac ligula non, pellentesque pellentesque leo. Cras egestas risus quam, in cursus sem pharetra ut. Praesent consequat massa tortor, nec tristique lacus elementum euismod. Duis lobortis pharetra sapien sit amet porta.<\/p>\n<p>Praesent ac dolor mattis, lacinia nisl in, lacinia lacus. Sed id metus ut lectus fermentum condimentum nec vitae metus. Nunc tempus ultricies eleifend. Nullam facilisis massa non risus blandit laoreet. Integer egestas blandit molestie. Sed non venenatis sapien, vitae dictum neque. Suspendisse porttitor enim a massa bibendum, nec dapibus augue aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut faucibus, sapien et tincidunt pharetra, massa est aliquam turpis, a tristique ligula est ut sapien. Nam nec dictum metus, sed porta turpis. Integer nec nunc quis nibh convallis fermentum et vitae massa.<\/p>\n<p>Nam faucibus quis nibh vitae sagittis. Mauris commodo magna vel nisi aliquet accumsan. Aliquam a elit sit amet ante lobortis commodo ac vel libero. Aenean consequat congue sapien mattis placerat. Nulla condimentum, ipsum ac tincidunt sollicitudin, justo lorem lobortis libero, in ultrices augue nibh at orci. Nam pharetra, arcu vitae molestie sagittis, sem turpis varius libero, id mollis nibh justo lobortis tortor. <img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-125 size-medium\" src=\"http:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/the-eiffel-tower-103417-199x300.jpg\" alt=\"Image with aligned left\" width=\"199\" height=\"300\" \/>Praesent euismod turpis odio, non rhoncus est rhoncus porttitor. Ut varius, nibh eu fermentum ultrices, sem quam elementum felis, eu aliquam tortor dolor eu nunc. Nullam interdum hendrerit arcu at fringilla. Morbi urna massa, tristique in imperdiet eget, suscipit in erat. Nam ut viverra leo, sit amet tristique dolor. Proin pharetra, neque quis pellentesque rhoncus, ante velit varius libero, non eleifend tellus orci vel lectus. Aenean et lacus in orci dignissim dignissim vitae a felis. Integer sit amet velit et diam vehicula mattis. Quisque fermentum eleifend auctor. Vivamus adipiscing odio vitae dolor euismod, ut pulvinar risus consequat. Aliquam erat volutpat. Donec lacinia, libero eget condimentum pharetra, dui arcu tempus ligula, vel commodo magna leo id urna. Nunc porttitor libero non nulla ultricies pulvinar vel pretium felis. Sed hendrerit augue diam, eget tempor augue tempor eu. Curabitur nisi augue, placerat sit amet eros eget, dapibus ullamcorper mi. Suspendisse ac erat nec sem vestibulum placerat. Integer convallis nulla eget purus ultrices tempor. Proin et nisl mattis lectus mollis porttitor. Quisque venenatis justo vel justo tempus adipiscing. Maecenas sit amet urna vel dui elementum hendrerit. In libero lacus, auctor eget suscipit a, congue sed arcu. Nullam sed semper augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit. Proin pellentesque fringilla tempor. Integer posuere, elit vitae volutpat sagittis, leo nisi sollicitudin est, eget convallis mi lacus eu quam. Pellentesque a quam non dui tincidunt elementum vitae eget neque. Praesent odio ante, viverra sed blandit sit amet, porta quis velit. Nullam euismod nibh non pellentesque sagittis. Mauris urna tortor, facilisis in rhoncus ut, egestas ut risus. Sed neque nulla, blandit ac ligula non, pellentesque pellentesque leo. Cras egestas risus quam, in cursus sem pharetra ut. Praesent consequat massa tortor, nec tristique lacus elementum euismod. Duis lobortis pharetra sapien sit amet porta.<\/p>\n<p>Praesent ac dolor mattis, lacinia nisl in, lacinia lacus. Sed id metus ut lectus fermentum condimentum nec vitae metus. Nunc tempus ultricies eleifend. Nullam facilisis massa non risus blandit laoreet. Integer egestas blandit molestie. Sed non venenatis sapien, vitae dictum neque. Suspendisse porttitor enim a massa bibendum, nec dapibus augue aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut faucibus, sapien et tincidunt pharetra, massa est aliquam turpis, a tristique ligula est ut sapien. Nam nec dictum metus, sed porta turpis. Integer nec nunc quis nibh convallis fermentum et vitae massa.<\/p>\n<hr \/>\n<h5>Image with caption<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit.<\/p>\n<div id=\"attachment_118\" style=\"width: 1510px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/themehorse.com\/preview\/paradise\/files\/2014\/04\/1m7ZhI3-e1398003259549.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-118\" class=\"wp-image-118 size-full\" src=\"http:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/1m7ZhI3-e1398003259549.jpg\" alt=\"Featured Image\" width=\"1500\" height=\"757\" srcset=\"https:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/1m7ZhI3-e1398003259549.jpg 1500w, https:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/1m7ZhI3-e1398003259549-300x151.jpg 300w, https:\/\/www.themehorse.com\/preview\/interface\/files\/2014\/04\/1m7ZhI3-e1398003259549-1024x516.jpg 1024w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a><p id=\"caption-attachment-118\" class=\"wp-caption-text\">This is a caption for the image<\/p><\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum venenatis neque, in facilisis lacus tempor a. Mauris interdum leo sed purus adipiscing venenatis. Ut a ante ac nulla bibendum hendrerit. Proin pellentesque fringilla tempor. Integer posuere, elit vitae volutpat sagittis, leo nisi sollicitudin est, eget convallis mi lacus eu quam. Pellentesque a quam non dui tincidunt elementum vitae eget neque. Praesent odio ante, viverra sed blandit sit amet, porta quis velit. Nullam euismod nibh non pellentesque sagittis. Mauris urna tortor, facilisis in rhoncus ut, egestas ut risus. Sed neque nulla, blandit ac ligula non, pellentesque pellentesque leo. Cras egestas risus quam, in cursus sem pharetra ut. Praesent consequat massa tortor, nec tristique lacus elementum euismod. Duis lobortis pharetra sapien sit amet porta.<\/p>\n<hr \/>\n<h4>Table<\/h4>\n<table>\n<tbody>\n<tr>\n<th>Table Header 1<\/th>\n<th>Table Header 2<\/th>\n<th>Table Header 3<\/th>\n<\/tr>\n<tr>\n<td>Division 1<\/td>\n<td>Division 2<\/td>\n<td>Division 3<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>Division 1<\/td>\n<td>Division 2<\/td>\n<td>Division 3<\/td>\n<\/tr>\n<tr>\n<td>Division 1<\/td>\n<td>Division 2<\/td>\n<td>Division 3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<h4>Preformatted Text<\/h4>\n<p>Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. For example:<\/p>\n<pre>\u201cBeware the Jabberwock, my son!\r\nThe jaws that bite, the claws that catch!\r\nBeware the Jubjub bird, and shun\r\nThe frumious Bandersnatch!\u201d<\/pre>\n<hr \/>\n<h4>Code<\/h4>\n<p>Code can be presented inline, like <code>&lt;?php bloginfo('stylesheet_url'); ?&gt;<\/code>, or within a <code>&lt;pre&gt;<\/code> block.<\/p>\n<pre><code>#container {\r\n\tfloat: left;\r\n\tmargin: 0 -240px 0 0;\r\n\twidth: 100%;\r\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Below is just about every HTML element you might want to use in your blog posts. Check the source code to see the many embedded elements within paragraphs. H1 Heading H2 Heading H3 Heading H4 Heading H5 Heading H6 Heading HTML Styles Jujubes croissant sweet test link bar croissant lollipop&hellip; <\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.themehorse.com\/preview\/interface\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.themehorse.com\/preview\/interface\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.themehorse.com\/preview\/interface\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.themehorse.com\/preview\/interface\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.themehorse.com\/preview\/interface\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":34,"href":"https:\/\/www.themehorse.com\/preview\/interface\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/www.themehorse.com\/preview\/interface\/wp-json\/wp\/v2\/pages\/33\/revisions\/243"}],"wp:attachment":[{"href":"https:\/\/www.themehorse.com\/preview\/interface\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}