Html5: Difference between revisions
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 = | ||
<ul> | |||
<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
- http://html5up.net/ Responsive html5 and css3 template
- http://www.html5rocks.com/en
- HTML5 Outliner
- HTML5: the missing manual
- Youtube videos teach How to build a professional website from start to finish
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 <nav> tag (HTML5)
- Multi-Page HTML Sites. Simple, use relative path for css files in html code.
- Make header and footer files to be included in multiple html pages
- Method 1: .load() from jquery
- Method 2: Server Side Includes/SSI Wikipedia using the include directive. Add the following where you want to include your file: <!--#include file="include_head.html" -->
- Method 3: include statement from php. Sharing Headers and Footers Across Multi-Page Websites.
- Multiple webpages with common title and navigation bars (same solutions as above)
- Share Header, Nav and Footer HTML Code Across Pages (video). php include was used.
- Top Navigation Bar from w3schools
- For a website we can search some keywords: load, include, php, header, footer