{"id":3838,"date":"2023-07-18T20:56:09","date_gmt":"2023-07-18T20:56:09","guid":{"rendered":"https:\/\/nmi.cool\/advweb\/?page_id=3838"},"modified":"2023-07-18T20:56:57","modified_gmt":"2023-07-18T20:56:57","slug":"vs-code-tips","status":"publish","type":"page","link":"https:\/\/nmi.cool\/advweb\/resources\/vs-code-tips\/","title":{"rendered":"VS Code Tips"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">HTML Skeleton Creation<\/h3>\n\n\n\n<p>Creating the infrastructure for new html file takes a bit of time unless you know this trick.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a new file and save it as an html file.<\/li>\n\n\n\n<li>Within the &lt;body&gt; tags, type an exclamation point ( ! ) and press return when the prompt shown below appears. All of the necessary infrastructure except for the link to a CSS file should appear.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.apweb.quest\/wp-content\/uploads\/2021\/09\/img_612fe03fa6229.png\" alt=\"\" width=\"315\" height=\"75\"><\/li>\n\n\n\n<li><strong>To create a link to a css file,<\/strong>&nbsp;type link within your &lt;head&gt; tags and press return when the prompt below appears.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.apweb.quest\/wp-content\/uploads\/2021\/09\/img_612fe193b7a32.png\" alt=\"\" width=\"137\" height=\"52\"><\/li>\n\n\n\n<li>Create an ordered or unordered list by typing ul or ol between your &lt;body&gt; tags and pressing return at the prompt. Once you have the &lt;ul&gt; tags, within them type li*3 (or use some other number) and press return at the prompt. Magic!<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">More Tricks<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a div with an id simply by typing in the name of the id or class and pressing return at the prompt.<img loading=\"lazy\" decoding=\"async\" width=\"1052\" height=\"108\" src=\"https:\/\/www.apweb.quest\/wp-content\/uploads\/2021\/09\/img_612fe74c14e13.png\" alt=\"\">becomes&nbsp;<strong>&lt;div id=&#8221;people&#8221;&gt;&lt;\/div&gt;<\/strong><\/li>\n\n\n\n<li>Install the live server extension and preview your work immediately in the browser of your choice.<br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.apweb.quest\/wp-content\/uploads\/2021\/09\/img_612fe8691624f.png\" alt=\"\" width=\"277\" height=\"106\"><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">FYI, I learned these tricks and a few more&nbsp;<a href=\"https:\/\/www.youtube.com\/watch?v=Z5RkLrSDlFA\">from this video.&nbsp;<\/a><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>HTML Skeleton Creation Creating the infrastructure for new html file takes a bit of time unless you know this trick. More Tricks FYI, I learned these tricks and a few more&nbsp;from this video.&nbsp;<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":3839,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/comments?post=3838"}],"version-history":[{"count":1,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3838\/revisions"}],"predecessor-version":[{"id":3841,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3838\/revisions\/3841"}],"up":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3839"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/media?parent=3838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}