Learning HTML - Example Pages


If you want see in action the page simply follow the link.

If you want download the page in ypur computer point the link and press the mouse right button. From the pull down menu press "Open link in a new tab". From the browse menu select Save as OR select View Source and copy its contentent.

This example uses Ajax (XMLHttpRequest) to access the page you select from available options  Show example

This example uses Ajax (XMLHttpRequest) to access the page you select from available references  Show example

This example uses Ajax (XMLHttpRequest) to access the page you select from available options and is a solution for the first example. The page displayed in a sepatrate window.  Show example

This example illustrate the usage of new HTML5 tags for stucturing a web page  Show example

This example includes aspects of the usage of article tag   Show example

This example uses a form to collect data about each item that must be included into the Inventory list, computes its associated values and includes this as a row in a table Show example (Product List)

This example is a jQuery solution for Inventory list. It uses a form to collect data about each item that must be included into the Inventory list, computes its associated values and includes this as a row in a responive table Show example (Product List-responsive)

This example is a jQuery solution for Inventory list. It uses a form to collect data about each item that must be included into the Inventory list, computes its associated values and includes this as a row in a responive table. The form is structured while keeping the responsiveness attribute. Show example (Product List-responsive&structured)

This example illustrate how to use pseudoselectors in forms. Using Pseudoselectors

Following you find a lot of examples building an Exchange calculator based on an XML file that used to communicate the daily exchange rates. According to the BNR rules the file cannot be consulted at BNR site. This must be downloaded localy and used according to the needs of company.

Exchange Calculator-1
Exchange Calculator-2
Exchange Calculator-3
Exchange Calculator-4

using_css.html

value_calculator.html value_calculator1.html

body_mass_index__bmi.html

This example computes the Easter date for a wanted year and displays the result into a dialog box. Show Easter Date

This example computes the Easter date for a wanted year and displays the result into a dialog box or inside the web page. Show Easter Date V2

This example computes the Easter date for a wanted year interval and displays the result into a table Show Easter for many Years

File API

inventory_list.html

PHP Form

Examples realized in the classroom

Waist to Hips Ratio Form