border attribute for image (JavaScript 1.1)

JavaScript has many keywords some of them are currently in use and some of them are reserved for future use. We can not use the keywords for our general purpose.

Tables are defined with the <table> tag. A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell.

In this example the inline display is used to merge the two paragraphs of example text together.

A margin is the space outside of the element, whereas padding is the space inside the element.

By extending jQuery, you create reusable components that can be used on any web page. Your code is encapsulated and there is less risk that you will use the same function names elsewhere.

CSS multi columns property builds on the Box model module [no public working draft yet] and adds functionality to flow the content of an element into multiple columns.

jQuery provides methods to manipulate documents in efficient way. You do not need to write big code to modify the value of any element's attribute or to extract HTML code from a paragraph or division.

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.

You can increase the space within the table cells and the space between the cells by using the cellpadding and cellspacing attributes. The cellspacing attribute adjusts the space between the cells and cellpadding adjusts the space within (around) the cell.

Drag and Drop magic with HTML5 using an image to drag back and forth between four <div> elements.

Table rowspan sets how many rows a cell spans and rowspan extends cells on a vertical row.

The drawImage method allows you to insert other images (img and canvas elements) into your canvas context. To draw an image using HTML5 Canvas, we can use the drawImage() method which requires an image object and a destination point. The destination point is relative to the top left corner of the image.

To align HTML5 Canvas text, we can use the textAlign property of the canvas context, which can be set to start, end, left, center, or right. Unless otherwise specified, the textAlign property is defaulted to left.

You can create text alignment for the table by using the HTML style attribute and setting CSS attribute "text-align: right"

Table cells can span across more than one column or row. The attributes colspan and rowspan indicate how many columns or rows a cell should take up.

Header information in a table are defined with the <th> tag. All major browsers display the text in the <th> element as bold and centered.

If you want to make an image work as a link, the method is exactly the same as with texts. You simply place the <a href> and the </a> tags on each side of the image.

The jQuery slideUp and slideDown methods gradually change the height of the selected elements.

You can specifying a table height & width by using the attributes with same name. The default values are in pixels.

Using jquery manipulation methods, we can replace elements with another elements.

jQuery provides methods to manipulate documents in efficient way. Using jquery manipulation methods, we can insert element in given document. Like here we add a new element before the blue square.

CSS Transforms offers you the possibility to scale, rotate, reposition and skew an element through CSS. We can now combine this with CSS Transitions to create a nice example that will both scale and rotate an element when hovered

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

This example shows you how to use an internal CSS StyleSheet to apply margin options. The top line has no margin, whereas the second line of text has a margin on both sides of 50px.

This example shows you how to use an internal CSS Style Sheet to apply padding options. The top line of text has no padding, whereas the second line of text has 25px padding at the top and bottom, and 50px padding on either side.

To have the effect for bottom text we have created a master container where the position to all child elements position is relative to the master container. And we used a child container with a absolute position to bottom and left for the master container.

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

It can sometimes be useful to have some text be aligned to the left and some text be aligned to the right on the same line. For example, in a footer, where you might want to have copyright info on the left and webmaster info on the right.

Using jQuery manipulation methods, we can remove elements.

CSS3 allows you to format your elements using 3D transforms and here we have rotated 180 degrees around X axis.

You can specify the border-radius value in pixel and percentage.