{"id":1313,"date":"2019-07-24T23:31:41","date_gmt":"2019-07-25T06:31:41","guid":{"rendered":"https:\/\/doubleecpu.com\/?page_id=1313"},"modified":"2019-07-25T00:19:32","modified_gmt":"2019-07-25T07:19:32","slug":"html-cheetsheet","status":"publish","type":"page","link":"https:\/\/doubleecpu.com\/index.php\/shop\/html-cheetsheet\/","title":{"rendered":"HTML CheetSheet"},"content":{"rendered":"\n<!-- Link to another Webpage -->\n\t\t<a href=\"https:\/\/doubleecpu.com\/index.php\/vg-1-posts\/\">Go to blog<\/a>\n\t\t<hr>\n\t\t<!-- Headings -->\n\t\t<h1>Heading One<\/h1>\n\t\t<h2>Heading Two<\/h2>\n\t\t<h3>Heading Three<\/h3>\n\t\t<h4>Heading Four<\/h4>\n\t\t<h5>Heading Five<\/h5>\n\t\t<h6>Heading Six<\/h6>\n\n\t\t<!-- Paragraph -->\n\t\t<p>\n\t\t\t<!-- Paragraph contents -->\n\t\t\tLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <strong>incididunt ut labore<\/strong> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <em>exercitation ullamco<\/em> laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\t\t<\/p>\n\t\t<p>\n\t\t\t<!-- Another Paragraph -->\n\t\t\tLorem ipsum dolor sit amet, consectetur adipisicing elit, <a href=\"http:\/\/google.com\" target=\"_blank\" rel=\"noopener noreferrer\">sed do eiusmod<\/a>\n\t\t\ttempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\t\t<\/p>\n\n\t\t<!-- Lists -->\n\t\t<ul>\n\t\t\t<!-- Unordered Lists -->\n\t\t\t<li>List Item 1<\/li>\n\t\t\t<li>List Item 2<\/li>\n\t\t\t<li>List Item 3<\/li>\n\t\t\t<li>List Item 4<\/li>\n\t\t<\/ul>\n\n\t\t<ol>\n\t\t\t<!-- Ordered Lists -->\n\t\t\t<li>List Item 1<\/li>\n\t\t\t<li>List Item 2<\/li>\n\t\t\t<li>List Item 3<\/li>\n\t\t\t<li>List Item 4<\/li>\n\t\t<\/ol>\n\n\t\t<!-- Table -->\n\t\t<table>\n\t\t\t<!-- Table Header -->\n\t\t\t<thead>\n\t\t\t\t<!-- Table Row -->\n\t\t\t\t<tr>\n\t\t\t\t\t<!-- Header Row -->\n\t\t\t\t\t<th>Name<\/th>\n\t\t\t\t\t<th>Email<\/th>\n\t\t\t\t<\/tr>\n\t\t\t<\/thead>\n\t\t\t<!-- Table Contents -->\n\t\t\t<tbody>\n\t\t\t\t<tr>\n\t\t\t\t\t<!-- Table Data Row -->\n\t\t\t\t\t<td>Gilbert Medel <\/td>\n\t\t\t\t\t<td>gilmedel@Something.com<\/td>\n\t\t\t\t<\/tr>\t\t\t\t\n\t\t\t\t<tr>\n\t\t\t\t\t<!-- Table Data Row -->\n\t\t\t\t\t<td>Brad Traversy<\/td>\n\t\t\t\t\t<td>brad@something.com<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t<tr>\n\t\t\t\t\t<!-- Table Data Row -->\n\t\t\t\t\t<td>John Doe<\/td>\n\t\t\t\t\t<td>jdoe@something.com<\/td>\n\t\t\t\t<\/tr>\n\t\t\t\t<tr>\n\t\t\t\t\t<!-- Table Data Row -->\n\t\t\t\t\t<td>Jane Doe<\/td>\n\t\t\t\t\t<td>no@email.com<\/td>\n\t\t\t\t<\/tr>\n\t\t\t<\/tbody>\n\t\t<\/table>\n\n\t\t<br><!-- Line Break -->\n\t\t<hr><!-- Thematic Break -->\n\t\t<br><!-- Line Break -->\n\n\t\t<!-- Forms -->\n\t\t<form action=\"process.php\" method=\"POST\">\n\t\t\t<div><!-- HTML group -->\n\t\t\t\t<label>First Name<\/label>\n\t\t\t\t<input type=\"text\" name=\"firstName\" placeholder=\"Enter first name\">\n\t\t\t<\/div>\n\t\t\t<br><!-- Line Break -->\n\t\t\t<div><!-- HTML group -->\n\t\t\t\t<label>Last Name<\/label>\n\t\t\t\t<input type=\"text\" name=\"lastName\">\n\t\t\t<\/div>\n\t\t\t<br>\n\t\t\t<div>\n\t\t\t\t<label>Email<\/label>\n\t\t\t\t<input type=\"email\" name=\"email\">\n\t\t\t<\/div>\n\t\t\t<br>\n\t\t\t<div>\n\t\t\t\t<label>Message<\/label>\n\t\t\t\t<textarea name=\"message\"><\/textarea>\n\t\t\t<\/div>\n\t\t\t<br>\n\t\t\t<div>\n\t\t\t\t<label>Gender<\/label> <!-- HTML Input Label -->\n\t\t\t\t<select name=\"gender\"><!-- HTML drop down list -->\n\t\t\t\t\t<option value=\"male\">Male<\/option>\n\t\t\t\t\t<option value=\"female\">Female<\/option>\n\t\t\t\t\t<option value=\"other\">Other<\/option>\n\t\t\t\t<\/select>\n\t\t\t<\/div>\n\t\t\t<br>\n\t\t\t\t<div>\n\t\t\t\t\t<label>Age:<\/label>\n\t\t\t\t\t<input type=\"number\" name=\"age\" value=\"30\">\n\t\t\t\t<\/div>\n\t\t\t\t<br>\n\t\t\t\t<div>\n\t\t\t\t\t<label>Birthday:<\/label>\n\t\t\t\t\t<input type=\"date\" name=\"birthday\">\n\t\t\t\t<\/div>\n\t\t\t\t<br>\n\t\t\t\t<input type=\"submit\" name=\"submit\" value=\"Submit\"><!-- HTML Input Field -->\n\t\t<\/form>\n\n\t\t<!-- Button -->\n\t\t<button>Click Me<\/button>\n\n\t\t<br>\n\n\t\t<!-- Image -->\n\t\t<a href=\"https:\/\/doubleecpu.com\/wp-content\/uploads\/2019\/01\/20190103_151019.jpg\"> <!-- HTML hyperlink reference -->\n\t\t<img decoding=\"async\" src=\"https:\/\/doubleecpu.com\/wp-content\/uploads\/2019\/01\/20190103_151019.jpg\" alt=\"Raspberry Pi 0 Image\"> <!-- HTML source -->\n\t\t<\/a>\n\n\t\t<!-- Quotations -->\n\t\t<blockquote cite=\"http:\/\/traversymedia.com\">\n\t\t\tLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\t\t<\/blockquote>\n\n\t\t<p>The <abbr title=\"Raspberry Pi\">RPi<\/abbr> is awesome<\/p>\n\t\t<p><cite>HTML hosted on Raspberry Pi <\/cite> Created by Gilbert Medel<\/p>\n\t\t<p><cite>HTML crash course<\/cite> Provided by Brad Traversy<\/p>\n    <a href=\"https:\/\/github.com\/gilmedel\/HTML_Crash_Course\/blob\/master\/index.html\"><p>View on GitHub<\/p>\n    <\/a>\n<style>\n    \n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Go to blog Heading One Heading Two Heading Three Heading Four Heading Five Heading Six Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/doubleecpu.com\/index.php\/shop\/html-cheetsheet\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;HTML CheetSheet&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":22,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1313","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/doubleecpu.com\/index.php\/wp-json\/wp\/v2\/pages\/1313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doubleecpu.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doubleecpu.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doubleecpu.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doubleecpu.com\/index.php\/wp-json\/wp\/v2\/comments?post=1313"}],"version-history":[{"count":0,"href":"https:\/\/doubleecpu.com\/index.php\/wp-json\/wp\/v2\/pages\/1313\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/doubleecpu.com\/index.php\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/doubleecpu.com\/index.php\/wp-json\/wp\/v2\/media?parent=1313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}