b (HTML4 & HTML5)

When you begin to place more and more elements onto your web site, it will become necessary to make minor changes to the formatting of those elements.

CSS3 transitions are effects that let an element gradually change from one style to another. To do this, you must specify the effect and the duration.

In this example, a hyperlink with a destination of "#" is set to display different colouring for different properties.

Unordered Lists, or <ul> .. </ul> tags, are ones that appear as a list of items with "bullets" or markers in the front. The bullet marks will depend on the particular version of your web browser.

With jQuery, you can hide and show HTML elements with the hide and show methods

Styling HTML elements with CSS (Cascading Style Sheet). CSS was introduced together with HTML 4, to provide a better way to style HTML elements.

Images with title and borders

The HTML5 Geolocation API is used to get the geographical position of a user. NOTE: Since this can compromise user privacy, the position is not available unless the user approves it.

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. jQuery is an open source JavaScript library that simplifies the interactions between an HTML document, or more precisely the Document Object Model (DOM), and JavaScript.

Cookies are stored by the web browser. They allow you to store particular information about a user and retrieve it every time they visit your pages. Each user has their own unique set of cookies

jQuery ajaxStart and ajaxComplete are two functions are very useful to show the graphics while the data is loading from server. The ajaxStart method works while the server fullfilling the service asked to it. The ajaxComplete method is called when the server fulfilled the request.

These events are fired when a web page is loaded to browser and when user leaves the page.

Not only can you include ordered lists within ordered lists, but you can also mix and match list types.

This HTML element indicates that the enclosed text should be displayed in boldface.

The jQuery toggle method toggles the visibility of HTML elements using the show or hide methods. Shown elements are hidden and hidden elements are shown. The speed parameter can take the following values: "slow", "fast", "normal", or milliseconds.

The HTML div element is a block level element used for grouping HTML elements.

Represents the completion progress of a task. Tip: Use the <progress> tag in conjunction with JavaScript to display the progress of a task.

JavaScript clearInterval function enables you to stop the timer event started by the JavaScript setIntterval function. When you apply the setInterval function a JavaScript function by specifying the time interval then it calls the function continuously after equal intervals of time.

The HTML button tag inserts a button control in a form or document. Differently from the HTML input element using "button" in the "type" attribute, this button can contain other HTML elements like the second button in this example.

Example form using <legend> and <fieldset> to make the form layout fancy.

A basic web page with some text, paragraph, bold text and line breaks.

This event are fired when a key is pressed. IE 8 and earlier use event.keyCode to retrieve the key that was pressed down, while Firefox/Chrome/Safari/Opera use event.which.

JavaScript setInterval function provides the functionality to execute the specified function after the sepcified time interval in milliseconds. Using the JavaScript setInterval function you can set the time interval to call a function again and again.

Form containing two radio buttons and two checkboxes. Note: The name attribute is used to group the radio buttons and checkboxes into groups.

Perform a calculation and show the result in an <output> element

jQuery mouse events are events that have to do with actions of the mouse. These can be a click, double-click, mouse down and more. Mouse events can be used in two different ways.

CSS pseudo-classes are used to add special effects to some selectors.

CSS colors can be appied radomly using RGB combination (Red,Green,Blue).

The jQuery animate method has a complete method we can supply with callback function that is fired once the animation is complete. This can be useful for stringing different animations together in sequence like this example.

The <embed> tag defines a container for an external application or interactive content (a plug-in).

Colors can be applied to any HTML element. Like div, text, body ,paragraph etc.

Ordered Lists and Unordered lists can have different levels; each will be indented appropriately by your web browser. Note how the bullet marks change for different levels of the list.

With jQuery you select (query) HTML elements and perform "actions" on them. The jQuery syntax is tailor made for selecting HTML elements and perform some action on the element(s) or attributes to element(s)

Background image inside a paragraph.

The <base> tag specifies a default address or a default target for all links on a page

CSS3 allows user to use the font that are even not installed on his/her own computer. The fonts that that resides on the server can be used by CSS3 @font-face.

Ordered lists are ones where the browser numbers each successive list item starting with "1." Note that the only difference is changing the ul tag to ol tag.

JavaScript random method returns a random number between 0 and 1.

jQuery animate also support different properties and multiple unit types within one animation.

The HTML head Element The head element is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more. The following tags can be added to the head section: <title>, <base>, <link>, <meta>, <script>, and <style>.

Text can be centered, or aligned to the left or right, or justified. When text-align is set to "justify", each line is stretched so that every line has equal width, and the left and right margins are straight (like in magazines and newspapers).

Count number of attributes that exists for the button.

We are here using Core DOM setAttribute method we set the value of input type text to button.

Example how to call anonymous function on setTimeout function.

The link object is used to include the external file in the web page. This tag must be inside the head tag of the page. Here is the example of the link that give the type of the external sheet.

Enables you to remove a client cookie with JavaScript. We remove the cookie by setting the expiration date for the cookie back in time.