Html5: Difference between revisions

From 太極
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 18: Line 18:


= Creating multiple pages with navigation menus =
= Creating multiple pages with navigation menus =
* [https://www.w3.org/wiki/Creating_multiple_pages_with_navigation_menus Creating multiple pages with navigation menus]
<ul>
* [https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/multi-page-html-sites Multi-Page HTML Sites]
<li>[https://www.w3.org/wiki/Creating_multiple_pages_with_navigation_menus Creating multiple pages with navigation menus] '''<nav>''' tag (HTML5) </li>
* [https://youtu.be/shgr0ji71qI Share Header, Nav and Footer HTML Code Across Pages] (video)
<li>[https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/multi-page-html-sites Multi-Page HTML Sites]. Simple, use relative path for css files in html code. </li>
<li>[https://stackoverflow.com/a/18712605 Make header and footer files to be included in multiple html pages]  
* Method 1: [https://api.jquery.com/load/ .load()] from '''jquery'''
* Method 2: '''Server Side Includes/SSI''' [https://en.wikipedia.org/wiki/Server_Side_Includes Wikipedia] using the '''include''' directive. Add the following where you want to include your file: '''<nowiki> <!--#include file="include_head.html" --> </nowiki>'''
* Method 3: [https://www.w3schools.com/PHP/php_includes.asp include] statement from '''php'''. [https://medium.com/@dtkahn/sharing-headers-and-footers-across-multi-page-websites-4396f9034669 Sharing Headers and Footers Across Multi-Page Websites].
</li>
<li>[https://stackoverflow.com/a/20220538 Multiple webpages with common title and navigation bars] (same solutions as above)</li>
<li>[https://youtu.be/shgr0ji71qI?t=525 Share Header, Nav and Footer HTML Code Across Pages] (video). ''php include'' was used.
<li>[https://www.w3schools.com/howto/howto_js_topnav.asp Top Navigation Bar] from w3schools </li>
<li>For a website we can search some keywords: load, include, php, header, footer </li>
</ul>

Latest revision as of 10:54, 22 March 2022

Resources

IDE

With code completion

  • NetBeans The editor supports several languages including Java, C/C++, XML, HTML, PHP, Groovy, CSS, and JavaScript. It can be extended to support other languages
  • Bluefish sudo apt-get install bluefish

General Advice

Templates

Creating multiple pages with navigation menus