{"id":3561,"date":"2023-07-16T18:14:23","date_gmt":"2023-07-16T18:14:23","guid":{"rendered":"https:\/\/nmi.cool\/advweb\/?page_id=3561"},"modified":"2025-06-19T18:57:19","modified_gmt":"2025-06-19T18:57:19","slug":"html-basics","status":"publish","type":"page","link":"https:\/\/nmi.cool\/advweb\/unit-one-html-css\/week-zero\/html-basics\/","title":{"rendered":"HTML Basics"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Homework Links<\/h2>\n\n\n\n<p>Because this is the first lesson, here is some context on navigating the page. Immediately below you should see a link titled &#8216;The Basics&#8217; that leads to a webpage with information about HTML. Below that link is a numbered list of topics that you should give special attention to on this webpage. Some of those topics will also show up on a graded quiz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\/Introduction_to_HTML\/Getting_started\" target=\"_blank\" rel=\"noreferrer noopener\">The Basics<\/a><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Element attributes including\n<ul class=\"wp-block-list\">\n<li>Link (a:) attributes such as href, title and target<\/li>\n\n\n\n<li>Single or double quotes?<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Anatomy of a HTML document\n<ul class=\"wp-block-list\">\n<li>Distinction between html, head, and body tags<\/li>\n\n\n\n<li>What about whitespace?<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Know about special characters. Don&#8217;t try to memorize them, just understand what they are and why they are necessary.<\/li>\n\n\n\n<li>HTML comments. What are they? How do you make one?<\/li>\n\n\n\n<li>Block elements versus inline elements (found on <a href=\"https:\/\/www.w3schools.com\/html\/html_blocks.asp\">this page<\/a>)<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\/Introduction_to_HTML\/The_head_metadata_in_HTML\" target=\"_blank\" rel=\"noreferrer noopener\">Metadata. What is it used for? Why?<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Character encoding<\/li>\n\n\n\n<li>Author and description<\/li>\n\n\n\n<li>Icons<\/li>\n\n\n\n<li>Also of interest: setting the primary language of a document or simply a span tag.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\/Introduction_to_HTML\/HTML_text_fundamentals\" target=\"_blank\" rel=\"noreferrer noopener\">HTML text fundamentals<\/a><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Heading elements: &lt;h1&gt;,&lt;h2,&lt;h3&gt;, etc.\u00a0 <\/li>\n\n\n\n<li>Structural hierarchy and &#8216;semantics.&#8217;<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core\/Structuring_content\/Lists\" target=\"_blank\" rel=\"noreferrer noopener\">Lists<\/a>\n<ul class=\"wp-block-list\">\n<li>Unordered vs. ordered list<\/li>\n\n\n\n<li>Nesting lists<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core\/Structuring_content\/Emphasis_and_importance\" target=\"_blank\" rel=\"noreferrer noopener\">Emphasis<\/a>:\u00a0 &lt;strong&gt;,&lt;em&gt;, &lt;i&gt;&lt;b&gt;, and &lt;u&gt; tags.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\/Introduction_to_HTML\/Creating_hyperlinks\" target=\"_blank\" rel=\"noreferrer noopener\">Hyperlinks<\/a><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>What sort of things can hyperlinks point to?<\/li>\n\n\n\n<li>Link anatomy: purpose of &lt;title&gt; tag within a link<\/li>\n\n\n\n<li>Links and block elements<\/li>\n\n\n\n<li>Links in relation to directories\n<ul class=\"wp-block-list\">\n<li>how to link within same directory<\/li>\n\n\n\n<li>how to link down into subdirectories<\/li>\n\n\n\n<li>how to link up into parent directories<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Links to document fragments. Ie. linking to an internal portion of a document.\n<ul class=\"wp-block-list\">\n<li>use of id tags for internal links<\/li>\n\n\n\n<li>absolute versus relative URLS<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Best practices for hyperlinks (commit all of these to memory).\n<ul class=\"wp-block-list\">\n<li>Download attribute?<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Email links.\n<ul class=\"wp-block-list\">\n<li>Details that can be added to email links<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Visual Studio Code<\/h2>\n\n\n\n<p>You can use any text editor that you want to in this course, but I recommend Vscode (Visual Studio Code). It&#8217;s a great editor with a constantly expanding list of features, and it is FREE.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Homework Links Because this is the first lesson, here is some context on navigating the page. Immediately below you should see a link titled &#8216;The Basics&#8217; that leads to a webpage with information about HTML. Below that link is a numbered list of topics that you should give special attention to on this webpage. Some &hellip; <a href=\"https:\/\/nmi.cool\/advweb\/unit-one-html-css\/week-zero\/html-basics\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">HTML Basics<\/span><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"parent":3680,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3561","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=3561"}],"version-history":[{"count":8,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3561\/revisions"}],"predecessor-version":[{"id":4281,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3561\/revisions\/4281"}],"up":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3680"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/media?parent=3561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}