{"id":1003,"date":"2016-04-17T12:54:01","date_gmt":"2016-04-17T17:54:01","guid":{"rendered":"http:\/\/www.klcameron.com\/cdm\/?p=1003"},"modified":"2016-04-17T12:54:01","modified_gmt":"2016-04-17T17:54:01","slug":"html-and-twine","status":"publish","type":"post","link":"https:\/\/www.klcameron.com\/cdm\/html-and-twine\/","title":{"rendered":"HTML and Twine"},"content":{"rendered":"<p><strong>Here are some examples of HTML codes:<br \/>\n<\/strong><\/p>\n<p>Here is the written code:<\/p>\n<p>&lt;h1&gt;This is a large heading&lt;\/h1&gt;<\/p>\n<p>&lt;h2&gt;This is a medium heading&lt;\/h2&gt;<\/p>\n<p>&lt;h3&gt;This is a small heading&lt;\/h3&gt;<\/p>\n<p>&lt;p&gt;This is a paragraph&lt;\/p&gt;<\/p>\n<p>&lt;br&gt;(adds a line break)<\/p>\n<p>&lt;img src=&#8221;stora.jpg&#8221; style=&#8221;width:304px;height:228px;&#8221;&gt;<\/p>\n<p>&lt;a href=&#8221;my.pitt.edu&#8221;&gt;Here would be the text you would like the link to display&lt;\/a&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>Here I have displayed the results of that code through twine. These codes are HTML which can be used in different ways. Having defined headings can help with the cohesion of your game.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1004\" src=\"https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/tutoriallast.png?resize=457%2C257\" alt=\"Display Results\" width=\"457\" height=\"257\" srcset=\"https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/tutoriallast.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/tutoriallast.png?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/tutoriallast.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/tutoriallast.png?resize=624%2C351&amp;ssl=1 624w, https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/tutoriallast.png?w=1366&amp;ssl=1 1366w, https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/tutoriallast.png?w=1250 1250w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/p>\n<p>Here I have displayed how WordPress reads this same html code:<\/p>\n<h1>This is a large heading<\/h1>\n<h2>This is a medium heading<\/h2>\n<h3>This is a small heading<\/h3>\n<p>This is a paragraph<br \/>\n(adds a line break)<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1013\" src=\"https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/stora.jpg?resize=300%2C300\" alt=\"stora\" width=\"300\" height=\"300\" srcset=\"https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/stora.jpg?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/stora.jpg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/www.klcameron.com\/cdm\/wp-content\/uploads\/2016\/04\/stora.jpg?w=500&amp;ssl=1 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><a href=\"my.pitt.edu\">Here would be the text you would like the link to display<\/a><\/p>\n<p>I apologize for the pictures of the bed I am trying to sell, but I have just recently made an advertisement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here are some examples of HTML codes: Here is the written code: &lt;h1&gt;This is a large heading&lt;\/h1&gt; &lt;h2&gt;This is a medium heading&lt;\/h2&gt; &lt;h3&gt;This is a small heading&lt;\/h3&gt; &lt;p&gt;This is a paragraph&lt;\/p&gt; &lt;br&gt;(adds a line break) &lt;img src=&#8221;stora.jpg&#8221; style=&#8221;width:304px;height:228px;&#8221;&gt; &lt;a href=&#8221;my.pitt.edu&#8221;&gt;Here would be the text you would like the link to display&lt;\/a&gt; &nbsp; Here I have [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[30],"class_list":["post-1003","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-final-tutorial"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/posts\/1003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/comments?post=1003"}],"version-history":[{"count":6,"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/posts\/1003\/revisions"}],"predecessor-version":[{"id":1018,"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/posts\/1003\/revisions\/1018"}],"wp:attachment":[{"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/media?parent=1003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/categories?post=1003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.klcameron.com\/cdm\/wp-json\/wp\/v2\/tags?post=1003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}