{"id":4,"date":"2012-05-24T05:25:36","date_gmt":"2012-05-24T05:25:36","guid":{"rendered":"http:\/\/www.catchthemes.com\/demo\/responsiveblog\/?page_id=4"},"modified":"2012-11-02T23:41:56","modified_gmt":"2012-11-02T17:56:56","slug":"html-elements","status":"publish","type":"page","link":"https:\/\/catchthemes.com\/demo\/catchbox\/html-elements\/","title":{"rendered":"HTML Elements"},"content":{"rendered":"<p>Below is just about everything you\u2019ll need to style in the theme. Check the source code to see the many embedded elements within paragraphs.<\/p>\n<hr \/>\n<h1>Heading 1<\/h1>\n<h2>Heading 2<\/h2>\n<h3>Heading 3<\/h3>\n<h4>Heading 4<\/h4>\n<h5>Heading 5<\/h5>\n<h6>Heading 6<\/h6>\n<hr \/>\n<h2>List Types<\/h2>\n<h3>Definition List<\/h3>\n<dl>\n<dt>Definition List Title<\/dt>\n<dd>This is a definition list division.<\/dd>\n<dt>Definition<\/dt>\n<dd>An exact statement or description of the nature, scope, or meaning of something: <em>our definition of what constitutes poetry.<\/em><\/dd>\n<\/dl>\n<h3>Ordered List<\/h3>\n<ol>\n<li>List Item 1<\/li>\n<li>List Item 2\n<ol>\n<li>Nested list item A<\/li>\n<li>Nested list item B<\/li>\n<\/ol>\n<\/li>\n<li>List Item 3<\/li>\n<\/ol>\n<h3>Unordered List<\/h3>\n<ul>\n<li>List Item 1<\/li>\n<li>List Item 2\n<ul>\n<li>Nested list item A<\/li>\n<li>Nested list item B<\/li>\n<\/ul>\n<\/li>\n<li>List Item 3<\/li>\n<\/ul>\n<hr \/>\n<h2>Table<\/h2>\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<h2>Preformatted Text<\/h2>\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. Most browsers use Courier and that\u2019s a good default \u2014 with one slight adjustment, Courier 10 Pitch over regular Courier for Linux users. For example:<\/p>\n<pre>\u201cBeware the Jabberwock, my son!\r\n    The jaws that bite, the claws that catch!\r\nBeware the Jubjub bird, and shun\r\n    The frumious Bandersnatch!\u201d<\/pre>\n<h3>Code<\/h3>\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. Because we have more specific typographic needs for code, we\u2019ll specify Consolas and Monaco ahead of the browser-defined monospace font.<\/p>\n<pre><code>#container { float: left; margin: 0 -240px 0 0; width: 100%; }<\/code><\/pre>\n<hr \/>\n<h2>Image with Caption<\/h2>\n<figure id=\"attachment_13\" aria-describedby=\"caption-attachment-13\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/catchthemes.com\/demo\/responsiveblog\/files\/2012\/05\/swan1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-13\" title=\"swan\" src=\"http:\/\/catchthemes.com\/demo\/catchbox\/files\/2012\/05\/swan1.jpg\" alt=\"\" width=\"1000\" height=\"431\" srcset=\"https:\/\/catchthemes.com\/demo\/catchbox\/files\/2012\/05\/swan1.jpg 1000w, https:\/\/catchthemes.com\/demo\/catchbox\/files\/2012\/05\/swan1-300x129.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption id=\"caption-attachment-13\" class=\"wp-caption-text\">This is image of Bathing swan<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2>Blockquotes<\/h2>\n<p>Let\u2019s keep it simple. Italics are good to help set it off from the body text (and italic Georgia is lovely at this size). Be sure to style the citation.<\/p>\n<blockquote><p>Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992. My instructor was Mr. Langley, and he taught me to sing a song. If you\u2019d like to hear it I can sing it for you.<\/p>\n<p><cite>\u2014 <a href=\"http:\/\/en.wikipedia.org\/wiki\/HAL_9000\">HAL 9000<\/a><\/cite><\/p><\/blockquote>\n<p>And here\u2019s a bit of trailing text.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Below is just about everything you\u2019ll need to style in the theme. Check the source code to see the many embedded elements within paragraphs. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 List Types Definition List <a class=\"more-link\" href=\"https:\/\/catchthemes.com\/demo\/catchbox\/html-elements\/\">Continue reading <span class=\"screen-reader-text\">  HTML Elements<\/span><span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/catchthemes.com\/demo\/catchbox\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":9,"href":"https:\/\/catchthemes.com\/demo\/catchbox\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/catchthemes.com\/demo\/catchbox\/wp-json\/wp\/v2\/pages\/4\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/catchthemes.com\/demo\/catchbox\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}