{"id":44885,"date":"2019-05-12T03:01:04","date_gmt":"2019-05-11T17:01:04","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=44885"},"modified":"2019-05-11T20:32:46","modified_gmt":"2019-05-11T10:32:46","slug":"html-nav-tag-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-nav-tag-primer-tutorial\/","title":{"rendered":"HTML Nav Tag Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/toprm.html\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"HTML Nav Tag Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/toprm.jpg\" title=\"HTML Nav Tag Primer Tutorial\"   \/><\/a><p class=\"wp-caption-text\">HTML Nav Tag Primer Tutorial<\/p><\/div>\n<p>Simple &#8220;across the top&#8221; webpage menus are very popular.  We just about all read left to right or right to left, so horizontal menus like this make sense.<\/p>\n<p>HTML5 came along and made the job of creating non-hierarchical horizontal menus like this really easy with the <a target=_blank title='HTML5 nav tag information from w3schools' href='https:\/\/www.w3schools.com\/tags\/tag_nav.asp'>nav<\/a> tag.<\/p>\n<p>Today&#8217;s proof of concept <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/toprm.html_GETME\" title=\"toprm.html\">toprm.html<\/a>&#8216;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/toprm.html\" title=\"Click picture\">live run<\/a> we wrote just consists of a &#8220;nav menu&#8221; of &#8220;a&#8221; links, and what could be simpler?  And we know what &#8220;creatives&#8221; can do to style something starting this simple to end up being <a target=_blank title='?' href=\"https:\/\/www.youtube.com\/watch?v=ZAfmM06pVUw\">&#8220;absolutely fabulous&#8221;<\/a>.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d44885' onclick='var dv=document.getElementById(\"d44885\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/menu\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d44885' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Simple &#8220;across the top&#8221; webpage menus are very popular. We just about all read left to right or right to left, so horizontal menus like this make sense. HTML5 came along and made the job of creating non-hierarchical horizontal menus &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/html-nav-tag-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[1549,576,578,770,830,997,1240,1319],"class_list":["post-44885","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-element","tag-html","tag-html5","tag-menu","tag-navigation","tag-programming","tag-tag","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44885"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=44885"}],"version-history":[{"count":2,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44885\/revisions"}],"predecessor-version":[{"id":44926,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44885\/revisions\/44926"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=44885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=44885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=44885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}