{"id":266,"date":"2025-10-03T12:45:21","date_gmt":"2025-10-03T12:45:21","guid":{"rendered":"https:\/\/demos.themeansar.com\/blogus\/blogstep\/?page_id=266"},"modified":"2025-10-03T12:45:21","modified_gmt":"2025-10-03T12:45:21","slug":"gutenberg-blocks","status":"publish","type":"page","link":"https:\/\/demos.themeansar.com\/blogus\/bloginsight\/gutenberg-blocks\/","title":{"rendered":"Gutenberg Blocks"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Headings<\/h2>\n\n\n\n<h1 class=\"wp-block-heading\">Header one<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Header two<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Header three<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Header four<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Header five<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">Header six<\/h6>\n\n\n\n<h2 class=\"wp-block-heading\">Blockquotes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Single line blockquote:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Stay hungry. Stay foolish.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Multi line blockquote with a cite reference:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;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&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><cite>Steve Jobs<\/cite> &#8211; Apple Worldwide Developers&#8217; Conference, 1997<\/p>\n\n\n\n<blockquote class=\"wp-block-quote alignleft is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Do. Or do not. There is no try.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><cite>Yoda<\/cite><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Tables<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Employee<\/th><th>Salary<\/th><th><\/th><\/tr><\/thead><tbody><tr><th><a href=\"http:\/\/example.org\/\">John Doe<\/a><\/th><td>$1<\/td><td>Because that&#8217;s all Steve Jobs needed for a salary.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Jane Doe<\/a><\/th><td>$100K<\/td><td>For all the blogging she does.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Fred Bloggs<\/a><\/th><td>$100M<\/td><td>Pictures are worth a thousand words, right? So Jane x 1,000.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Jane Bloggs<\/a><\/th><td>$100B<\/td><td>With hair like that?! Enough said&#8230;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Definition Lists<\/h2>\n\n\n\n<dl>\n<dt>Definition List Title<\/dt>\n<dd>Definition list division.<\/dd>\n<dt>Startup<\/dt>\n<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.<\/dd>\n<dt>#dowork<\/dt>\n<dd>Coined by Rob Dyrdek and his personal body guard Christopher &#8220;Big Black&#8221; Boykins, &#8220;Do Work&#8221; works as a self motivator, to motivating your friends.<\/dd>\n<dt>Do It Live<\/dt>\n<dd>I&#8217;ll let Bill O&#8217;Reilly will <a title=\"We'll Do It Live\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.<\/dd>\n<\/dl>\n\n\n\n<h2 class=\"wp-block-heading\">Unordered Lists (Nested)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>List item one\n<ul class=\"wp-block-list\">\n<li>List item one\n<ul class=\"wp-block-list\">\n<li>List item one<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Ordered List (Nested)<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>List item one\n<ol class=\"wp-block-list\">\n<li>List item one\n<ol class=\"wp-block-list\">\n<li>List item one<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>List item two<\/li>\n\n\n\n<li>List item three<\/li>\n\n\n\n<li>List item four<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Tags<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These supported tags come from the demos.themeansar.com\/blogus\/blogstep\/ code <a title=\"Code\" href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Address Tag<\/strong><\/p>\n\n\n\n<address>1 Infinite Loop<br>\nCupertino, CA 95014<br>\nUnited States<\/address>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is an example of a <a title=\"Apple\" href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Abbreviation Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for &#8220;seriously&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The acronym <acronym title=\"For The Win\">ftw<\/acronym> stands for &#8220;for the win&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Big Tag&nbsp;(<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cite Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Code is poetry.&#8221; &#8212;<cite>Automattic<\/cite><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Code Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Delete Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag will let you <del>strikeout text<\/del>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;<\/code> instead).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Emphasize Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The emphasize tag should <em>italicize<\/em> text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Insert Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag should denote <ins>inserted<\/ins> text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Keyboard Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Preformatted Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag styles large blocks of code.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n\tand here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quote Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><q>Developers, developers, developers&#8230;<\/q> &#8211;Steve Ballmer<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Strike Tag&nbsp;(<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag shows strike-through text<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Strong Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tag shows <strong>bold text.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Subscript Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Getting our science styling on with H<sub>2<\/sub>O, which should push the &#8220;2&#8221; down.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Superscript Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Still sticking with science and Isaac Newton&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Teletype Tag&nbsp;(<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Variable Tag<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This allows you to denote <var>varia<\/var><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.themeansar.com\/blogus\/bloginsight\/wp-json\/wp\/v2\/pages\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.themeansar.com\/blogus\/bloginsight\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.themeansar.com\/blogus\/bloginsight\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.themeansar.com\/blogus\/bloginsight\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.themeansar.com\/blogus\/bloginsight\/wp-json\/wp\/v2\/comments?post=266"}],"version-history":[{"count":0,"href":"https:\/\/demos.themeansar.com\/blogus\/bloginsight\/wp-json\/wp\/v2\/pages\/266\/revisions"}],"wp:attachment":[{"href":"https:\/\/demos.themeansar.com\/blogus\/bloginsight\/wp-json\/wp\/v2\/media?parent=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}