{"id":1013,"date":"2022-02-04T02:22:28","date_gmt":"2022-02-04T02:22:28","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1013"},"modified":"2022-02-04T02:22:28","modified_gmt":"2022-02-04T02:22:28","slug":"a-return-to-some-html-basics","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2022\/02\/04\/a-return-to-some-html-basics\/","title":{"rendered":"A Return to Some HTML Basics"},"content":{"rendered":"\n<p>Diving back into HTML after a break proves to sometimes be challenging, with forgotten information or improperly used tags. However, revisiting some of the key basic information has helped me tremendously and it proves that it\u2019s always a smart idea to revisit the basics.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>When I began creating my first website of the semester, it quickly became clear that several key pieces of information had slipped away from my mind after a year of sitting on a mental shelf. Those key elements include proper naming conventions and several basic HTML tags and definitions I had simply forgotten. &nbsp;I have complied a short list of these key pieces of information to hopefully jog my mind in the future, as well as any other inquiring minds.<\/p>\n\n\n\n<h3 class=\"has-text-align-center has-dark-gray-color has-light-gray-background-color has-text-color has-background wp-block-heading\"><strong>Proper Naming Conventions<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left\">Naming your files is key to success when creating for the web. File organization and management keep your projects clean and makes it simpler for the computer to identify what it needs. When naming your files, remember these key things:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Try to keep it lowercase<\/li><li>Try to avoid long names<\/li><li>Avoid special characters such as @ # % * etc.<\/li><\/ul>\n\n\n\n<p>When naming the actual file, there are several different methods you can use including:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"A\"><li>Using Camel Casing (ex. thisIsCamelCasing)<\/li><li>Adding an underscore (ex. this_is_an_underscore)<\/li><li>Using dashes in place of spaces (ex. dashes-are-great)<\/li><\/ol>\n\n\n\n<h3 class=\"has-text-align-center has-dark-gray-color has-light-gray-background-color has-text-color has-background wp-block-heading\">A List of Basic HTML Tags to Remember<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\"><li>&lt;h1&gt; &lt;\/h1&gt; (h1 \u2013 h6) Headlines<\/li><li>&lt;p&gt; &lt;\/p&gt; Paragraph<\/li><li>&lt;strong&gt; &lt;\/strong&gt; Strongly Emphasized<\/li><li>&lt;em&gt; &lt;\/em&gt; Emphasis<\/li><\/ul>\n\n\n\n<p class=\"has-bright-blue-color has-text-color\"> &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- <\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\"><li>&lt;a&gt; &lt;\/a&gt; Links\/ anchors<\/li><li>&lt;ul&gt; &lt;\/ul&gt; Unordered lists\/ Bullet lists<\/li><li>&lt;ol&gt; &lt;\/ol&gt; Ordered lists<\/li><li>&lt;li&gt; &lt;\/li&gt; List items that go in either &lt;ul&gt; or &lt;ol&gt;<\/li><\/ul>\n\n\n\n<p class=\"has-bright-blue-color has-text-color\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- <\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\"><li>&lt;html&gt; &lt;\/html&gt; Starts the document and ends the document. Not visible<\/li><li>&lt;header&gt; &lt;\/header&gt; The content at the top goes here (key info: logo, &lt;nav&gt; navigation, site name, etc.)<\/li><li>&lt;main&gt; &lt;\/main&gt;\u00a0 The main content of the page is here.<\/li><li>&lt;footer&gt; &lt;\/footer&gt; The footer content of the page goes here.<\/li><\/ul>\n\n\n\n<p class=\"has-bright-blue-color has-text-color\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n<\/div><\/div>\n\n\n\n<p><strong><em>Linking to another page:<\/em><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>&lt;a href=\u201dcontact.html\u201d&gt;Linked Word&lt;\/a&gt;<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Diving back into HTML after a break proves to sometimes be challenging, with forgotten information or improperly used tags. However, revisiting some of the key basic information has helped me tremendously and it proves that it\u2019s always a smart idea to revisit the basics.<\/p>\n","protected":false},"author":44,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178],"tags":[179,181,3,183,166,180],"class_list":["post-1013","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp22","tag-links","tag-file-organization","tag-html","tag-html-lists","tag-html-tags","tag-naming-conventions"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1013"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1013\/revisions"}],"predecessor-version":[{"id":1014,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1013\/revisions\/1014"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}