attribute. Tags are for this purpose used (the closing tag is obligatory): •

attribute. Tags are for this purpose used (the closing tag is obligatory): •

- the table; •- a line; •

- a column. Main additional attributes: • Border – border; • Align – horizontal alignment; • Valign – vertical alignment; • Bordercolor – color of a frame; • Width – width; • Height – height. Syntax of table 2X2 without frame and left-side/right-hand alignment of contents:
Contents of the 1st cell Contents of the 2nd cell
Contents of the 3rd cell Contents of the 4th cell
2. The picture needs to be registered after the
tag. If to insert the image into the first cell of the table given above, then it will turn out:
Contents of the 2nd cell
Contents of the 3rd cell Contents of the 4th cell
Additional attributes: • Width – width; • Height – height; • Alt - the alternative text which will be displayed at the user if it turned off function of viewing pictures; • Align – horizontal alignment; • Valign – vertical alignment; • Title – the signature to the image. 3. It is possible to use the image as the link. For this purpose it it is enough to dress in the corresponding tag: In the context of the table it will look so:
<href= ""stranitsa.html""> Contents of the 2nd cell
Contents of the 3rd cell Contents of the 4th cell
4. Additional opportunities of images. 1. Change of the picture with color when aiming at it a mouse and after change of location of the cursor: onMouseOver= "" this.style.background= '#номер colours'"" onMouseOut= "" this.style.background= '#номер colours'" 2. Change of the picture with other image when targeting by a mouse: onmouseover= "" this.src='images/1.gif'"" onmouseout= "" this.src='images/2.gif'" 3. An insert of the rotating carousel from pictures in a table cell (values can be changed):
 

Author: «MirrorInfo» Dream Team


Print