{"id":18,"date":"2012-05-27T12:13:21","date_gmt":"2012-05-27T12:13:21","guid":{"rendered":"http:\/\/themes.elmastudio.de\/kerikeri\/?p=18"},"modified":"2012-05-27T12:13:21","modified_gmt":"2012-05-27T12:13:21","slug":"testing-the-text-elements","status":"publish","type":"post","link":"https:\/\/themes.elmastudio.de\/waipoua\/2012\/05\/27\/testing-the-text-elements\/","title":{"rendered":"The Text Elements"},"content":{"rendered":"<p class=\"intro\">Have a look at all the font styles like headlines, blockquotes, list elements or tables. You can also use the extra CSS class \u201cintro\u201d to include an intro text in a bigger font size to your posts.<\/p>\n<p>Croissant candy lemon drops. Caramels chocolate cake tart apple pie caramels gummi bears jelly-o. <strong>Jelly-o cake<\/strong> sweet roll macaroon ice cream <ins>caramels tootsie<\/ins> roll. Donut bear claw cake sweet roll wafer caramels. Chupa chups liquorice lemon drops biscuit cake tart danish applicake. Pie <em>chocolate marzipan<\/em> gummi bears bonbon brownie. Powder topping gummies pie chocolate marzipan lollipop brownie. <!--more--><\/p>\n<h2>Center Align Text<\/h2>\n<p style=\"text-align: center\">Aenean a turpis eu augue luctus vulputate. Ut nonummy arcu in est. Nulla facilisi. Fusce at est sollicitudin pede gravida luctus. Sed ut dolor non nulla luctus aliquam. Phasellus sodales dapibus turpis. Nulla malesuada. In sed quam. Donec sollicitudin convallis nisl. Donec nunc. Suspendisse malesuada libero in nisi. Etiam vitae metus non arcu gravida tincidunt. Duis accumsan purus et orci. Curabitur volutpat. Nulla quis purus id enim dapibus malesuada. Nam egestas luctus arcu. Praesent iaculis massa.<\/p>\n<h3>Right Align Text<\/h3>\n<p style=\"text-align: right\">Aenean tempor, risus nec eleifend tristique, sem orci aliquam urna, eget iaculis tortor mauris ut lorem. Aenean eu tellus. Sed at mauris at nisl ultricies lobortis. Vivamus lacinia, lorem vel congue facilisis, leo leo sodales leo, vitae euismod velit ante a ligula. Vivamus sit amet turpis ut eros molestie porttitor. Nam erat lacus, auctor vel, dictum a, suscipit sed, orci. Quisque est lorem, facilisis consequat, sagittis a, ullamcorper at, ante. Nullam ultricies gravida dui. Nunc mauris. Quisque neque. Quisque eu sem.<\/p>\n<h3>Justified Text<\/h3>\n<p style=\"text-align: justify\">Vivamus volutpat, arcu sed venenatis consequat, nulla pede blandit neque, quis ultrices ligula mauris ut leo. Proin iaculis. Pellentesque vulputate magna at lectus. Etiam semper aliquet lectus. Nullam turpis. Vivamus sed lacus. Integer metus arcu, adipiscing sed, vehicula et, vulputate sit amet, massa. Sed lobortis tempus lectus. In lacus. Duis nibh. Donec molestie libero ut neque. In sollicitudin aliquam felis. Sed molestie libero ac mi. Curabitur magna nunc, feugiat sed, sodales vitae, pretium a, leo. Sed ut ante. Integer turpis ante, facilisis sed, dignissim vitae, consectetuer sed, dui. Sed ultricies.<\/p>\n<h1>Headerline one<\/h1>\n<h2>Headerline two<\/h2>\n<h3>Headerline three<\/h3>\n<h4>Headerline four<\/h4>\n<h5>Headerline five<\/h5>\n<h6>Headerline six<\/h6>\n<h2>Blockquotes<\/h2>\n<p>Blockquote:<\/p>\n<blockquote><p>Here&#8217;s a one line quote.<\/p><\/blockquote>\n<p>This part isn&#8217;t quoted. Here&#8217;s a longer quote:<\/p>\n<blockquote><p>It\u2019s like a language. You learn the alphabet, which are the scales. You learn sentences, which are the chords. And then you talk extemporaneously with the horn. It\u2019s a wonderful thing to speak extemporaneously, which is something I\u2019ve never gotten the hang of. But musically I love to talk just off the top of my head. And that\u2019s what jazz music is all about.<\/p>\n<p><cite>Stan Getz<\/cite><\/p><\/blockquote>\n<p>And some trailing text.<\/p>\n<h2>Table Layout Test<\/h2>\n<table class=\"statsDay\">\n<tbody>\n<tr>\n<th>Title<\/th>\n<th class=\"views\">Views<\/th>\n<th><\/th>\n<\/tr>\n<tr class=\"alternate\">\n<td class=\"label\"><a href=\"http:\/\/wpthemetestdata.wordpress.com\/about\/\">About Test User<\/a><\/td>\n<td class=\"views\">1<\/td>\n<td class=\"more\">More<\/td>\n<\/tr>\n<tr>\n<td class=\"label\"><a href=\"http:\/\/wpthemetestdata.wordpress.com\/\">260<\/a><\/td>\n<td class=\"views\">1<\/td>\n<td class=\"more\">More<\/td>\n<\/tr>\n<tr class=\"alternate\">\n<td class=\"label\"><a href=\"http:\/\/wpthemetestdata.wordpress.com\/archives\/\">Archives<\/a><\/td>\n<td class=\"views\">1<\/td>\n<td class=\"more\">More<\/td>\n<\/tr>\n<tr>\n<td class=\"label\"><a href=\"http:\/\/wpthemetestdata.wordpress.com\/\">235<\/a><\/td>\n<td class=\"views\">1<\/td>\n<td class=\"more\">More<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\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<dt>Gallery<\/dt>\n<dd>A feature introduced with WordPress 2.5, that is specifically an exposition of images attached to a post. In that same vein, an upload is &#8220;attached to a post&#8221; when you upload it while editing a post.<\/dd>\n<dt>Gravatar<\/dt>\n<dd>A globally recognized avatar (a graphic image or picture that represents a user). A gravatar is associated with an email address, and is maintained by the Gravatar.com service. Using this service, a blog owner can configure their blog so that a user&#8217;s gravatar is displayed along with their comments.<\/dd>\n<\/dl>\n<h3>Unordered List (Nested)<\/h3>\n<ul>\n<li>List item one\n<ul>\n<li>List item one\n<ul>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<h3>Ordered List<\/h3>\n<ol>\n<li>List item one\n<ol>\n<li>List item one\n<ol>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n<h2>HTML Element Tag Tests<\/h2>\n<p>All other HTML tags listed in the <a href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>:<\/p>\n<p>Here is the address for Automattic, using the <code>&lt;address&gt;<\/code> tag:<\/p>\n<address>355 1st Street Suite 202<br \/>\nSan Francisco, CA 94105<br \/>\nUnited States<\/address>\n<p>This is an example of <a href=\"http:\/\/example.com\">an <code>&lt;anchor&gt;<\/code><\/a> (otherwise known as a link). This <abbr title=\"abbreviation\">abbr.<\/abbr> is an example of an &lt;abbr&gt; tag in the middle of a sentence. Here is a <acronym title=\"three-letter acronym\">TLA<\/acronym> showing off the <code>&lt;acronym&gt;<\/code> tag. What, you want to see <big>some over-sized text<\/big> using the <code>&lt;big&gt;<\/code> tag? Can you <cite>cite a reference<\/cite> for that, using the <code>&lt;cite&gt;<\/code> tag? Have you noticed that all of the tag names are displayed <code>in code-form<\/code>, using the <code>&lt;code&gt;<\/code> tag? Similarly, I could <kbd>emulate keyboard text<\/kbd>, using the <code>&lt;kbd&gt;<\/code> text tag, or <tt>emulate teletype text<\/tt> using the <code>&lt;tt&gt;<\/code> tag.<\/p>\n<p>Oh no! I wrote something incorrectly. <del>I&#8217;d better delete it<\/del>, using the <code>&lt;del&gt;<\/code> tag. I could alternately <span style=\"text-decoration: line-through\">strike something out<\/span> using the <code>&lt;strike&gt;<\/code> tag, or strike something out using the <code>&lt;s&gt;<\/code> tag. <em>So many choices<\/em>, which I emphasize using the <code>&lt;em&gt;<\/code> tag. Just to clarify, <ins>this is some inserted text<\/ins>, that I&#8217;ll highlight using the <code>&lt;ins&gt;<\/code> tag.<\/p>\n<p>Need to display completely unformatted text, such as a large block of code? Use the <code>&lt;pre&gt;<\/code> tag, which lets you display:<\/p>\n<pre>#container {\r\n\tfloat: left;\r\n\tmargin: 0 -240px 0 0;\r\n\twidth: 100%;\r\n}<\/pre>\n<p>Want to quote the WordPress tagline <q>Code is Poetry<\/q>? Use the <code>&lt;q&gt;<\/code> tag to add quotes around it. <strong>This is strong text<\/strong> (otherwise known as bold), using the <code>&lt;strong&gt;<\/code> tag.<\/p>\n<p>Need to write H<sub>2<\/sub>O or E = MC<sup>2<\/sup>? You may find great use for <sub>subscripting<\/sub> text using the <code>&lt;sub&gt;<\/code> tag, or for <sup>superscripting<\/sup> text using the <code>&lt;sup&gt;<\/code> tag. Need to call out a <var>variable<\/var>? Use the <code>&lt;var&gt;<\/code> tag.<\/p>\n<h2>Div and Span Tests<\/h2>\n<div>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/p>\n<div class=\"myclass\"><strong>This is a div with &#8220;myclass&#8221; class, inside of another div, using the <code>&lt;div&gt;<\/code> tag.<\/strong><\/div>\n<p>Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl.<\/p>\n<\/div>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <span><strong>This is a span inside of a paragraph, using the <code>&lt;span&gt;<\/code> tag.<\/strong><\/span> Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have a look at all the font styles like headlines, blockquotes, list elements or tables. You can also use the extra CSS class \u201cintro\u201d to include an intro text in a bigger font size to your posts. Croissant candy lemon &hellip; <a href=\"https:\/\/themes.elmastudio.de\/waipoua\/2012\/05\/27\/testing-the-text-elements\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[16,32,50,51],"class_list":["post-18","post","type-post","status-publish","format-standard","hentry","category-article","tag-blockquotes","tag-lists","tag-text-align","tag-text-elements"],"_links":{"self":[{"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/posts\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":0,"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/posts\/18\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/categories?post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.elmastudio.de\/waipoua\/wp-json\/wp\/v2\/tags?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}