table (HTML4 & HTML5)

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.

Table layout styled with CSS attributes and managed by HTML class attribute.

JavaScript validation are client side scrips that is used to reduce the server load because all validation are check on client browser. This example has a required validation on the input box.

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.

The figure element represents some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document.

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

JavaScript validation are client side scrips that is used to reduce the server load because all validation are check on client browser. This example validates numeric characters on the input.

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.

The jQuery nth-child is used to select all elements that are ntg-child of of their parent. The nth-child(n) is “1-indexed”, meaning the “n” is counting starts at 1. Because jQuery's implementation of :nth-child(n) is strictly derived from the CSS specification, the value of n is "1-indexed", meaning that the counting starts at 1. For all other selector expressions, however, jQuery follows JavaScript's "0-indexed" counting.

JavaScript validation are client side scrips that is used to reduce the server load because all validation are check on client browser. This example validates alphabetic characters on the input

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

Using CSS border we can set style, color, width of the borders of an HTML element.

Reserved characters in HTML must be replaced with character entities and here useful list of character entities.