Guide
1
Initially you must create the table if it does not exist.This action takes place in the attribute & lt; body & gt ;.It uses tag (closing tag optional):
• & lt; table & gt;- Table;
• & lt; tr & gt;- line;
• & lt; td & gt;- column.

main additional attributes:
• Border - the border;
• Align - horizontal alignment;
• Valign - vertical alignment;
• Bordercolor - frame color;
• Width - the width;
• Height - height.

Syntax 2X2 table without frame and left-hand / right alignment of the content:
& lt; table border = "0" & ​​gt;
& lt; tr align = "left" & gt;
& lt; td & gt; Content 1st cell & lt; / td & gt;
& lt; td & gt;Content 2nd cell & lt; / td & gt;& lt; / tr & gt;
& lt; tr align = "right" & gt;
& lt; td & gt;Content third cell & lt; / td & gt;
& lt; td & gt;The contents of the 4-th cell & lt; / td & gt;& lt; / tr & gt;
& lt; / table & gt;
2
a picture is necessary to register after the tag & lt; td & gt ;.If you insert an image into the first cell of the table above, we get:
& lt; table border = "0" & ​​gt;
& lt; tr align = "left" & gt;
& lt; td & gt; & lt; img src = "image address format gif, png, jpeg" & gt; & lt; / td & gt;
& lt; td & gt;Content 2nd cell & lt; / td & gt;& lt; / tr & gt;
& lt; tr align = "right" & gt;
& lt; td & gt;Content third cell & lt; / td & gt;
& lt; td & gt;The contents of the 4-th cell & lt; / td & gt;& lt; / tr & gt;
& lt; / table & gt;

Additional attributes:
• Width - the width;
• Height - height;
• Alt - alternative text to be displayed at the user if it is disabled viewing pictures;
• Align - horizontal alignment;
• Valign - vertical alignment;
• Title - the signature of the image.
3
Use Image can be incorporated by reference.To do this, it is enough to don the appropriate tag: & lt; a href = "page, which will be a transition" & gt; & lt; img src = "name fayla.png" & gt; & lt; / a & gt;
In the context of this table would look like this:
& lt; table border = "0" & ​​gt;
& lt; tr align = "left" & gt;
& lt; td & gt; & lt; a href = "stranitsa.html" & gt; & lt; img src = "kartinka.png" & gt; & lt; / a & gt; & lt; / td & gt;
& lt; td & gt;Content 2nd cell & lt; / td & gt;& lt; / tr & gt;
& lt; tr align = "right" & gt;
& lt; td & gt;Content third cell & lt; / td & gt;
& lt; td & gt;The contents of the 4-th cell & lt; / td & gt;& lt; / tr & gt;
& lt; / table & gt;
4
Additional features images.

1. Change the color of the image when you hover over it with the mouse and the cursor position after the change:
onMouseOver = "this.style.background = '# color number'" onMouseOut = "this.style.background = '# color number' '

2. Change the image to another image when you hover the mouse:
onmouseover = "this.src = 'images / 1.gif'" onmouseout = "this.src = 'images / 2.gif'"

3. Insert rotatingcarousel of images in a table cell (the values ​​can be changed):

& lt; td align = "left" & gt;
& lt; BODY onload = "Carousel ()" background = & gt;
& lt; script type = "text / javascript" & gt;
// 7 variables to control behavior
var Car_Image_Width = 100;
var Car_Image_Height = 100;
var Car_Border = true;// True or false
var Car_Border_Color = "000000";Border = "0"
var Car_Speed ​​= 5;
var Car_Direction = true;// True or false
var Car_NoOfSides = 6;// Must be 4, 6, 8 or 12

/ * array to specify images and optional links.
For 4 sided carousel specify at least 2 images
For 6 sided carousel specify at least 3
For 8 sided carousel specify at least 4
For 12 sided carousel specify at least 6
If Link is not needed keep it ""
* /
Car_Image_Sources = new Array (
"images / 1.gif", "",
"images / 2.gif", "",
"images / 3.gif", "",
"images / 4.gif", "",
"images / 5.gif", "",
"images / 6.gif", ""

// NOTE No comma after last line
);

/ ***************** DO NOT EDIT BELOW ********************************** /
CW_I = new Array (Car_NoOfSides / 2 + 1); C_ClcW = new Array (Car_NoOfSides / 2);
C_Coef = new Array (
3 * Math.PI / 2,0,3 * Math.PI / 2,11 * Math.PI / 6, Math.PI / 6,3 * Math.PI / 2,7 * Math.PI / 4, 0,
Math.PI / 4,3 * Math.PI / 2,5 * Math.PI / 3,11 * Math.PI / 6,0, Math.PI / 6, Math.PI /3);
var C_CoefOf = Car_NoOfSides == 4? 0: Car_NoOfSides == 6? 2: Car_NoOfSides == 8? 5: 9;
C_Pre_Img = new Array (Car_Image_Sources.length);
var C_Angle = Car_Direction? Math.PI / (Car_NoOfSides / 2) 0, C_CrImg = Car_NoOfSides, C_MaxW, C_TotalW,
C_Stppd = false, i, C_LeftOffset, C_HalfNo = Car_NoOfSides / 2;

function Carousel () {
if (document.getElementById) {
for (i = 0; i & lt; Car_Image_Sources.length; i + = 2) {
C_Pre_Img [i] = new Image (); C_Pre_Img [i] .src= Car_Image_Sources [i]}
C_MaxW = Car_Image_Width / Math.sin (Math.PI / Car_NoOfSides) + C_HalfNo + 1;
Car_Div = document.getElementById ("Carousel");
for (i = 0; i & lt; C_HalfNo; i ++) {
CW_I [i] = document.createElement ("img"); Car_Div.appendChild (CW_I [i]);
CW_I [i] .style.position = "absolute";
CW_I [i] = 0 .style.top + "px";
CW_I [i] .style.height = Car_Image_Height + "px";
if (Car_Border) {
CW_I [i] .style.borderStyle = "solid";
CW_I [i] .style.borderWidth = 1 + "px";
CW_I [i] .style.borderColor = Car_Border_Color}
CW_I [i] .src = Car_Image_Sources [2 * i];
CW_I [i] = .lnk Car_Image_Sources [2 * i + 1];
CW_I [i] .onclick = C_LdLnk;
CW_I [i] .onmouseover = C_Stp;
CW_I [i] .onmouseout = C_Rstrt}
CarImages ()}}

function CarImages () {
if (! C_Stppd) {
C_TotalW = 0;
for (i = 0; i & lt; C_HalfNo; i ++) {
C_ClcW [i] = Math.round (Math.cos (Math.abs (C_Coef [C_CoefOf + i] + C_Angle)) * Car_Image_Width);
C_TotalW + = C_ClcW [i]}
C_LeftOffset = (C_MaxW-C_TotalW) / 2;
for (i = 0; i & lt; C_HalfNo; i ++) {
CW_I [i] .style.left = C_LeftOffset + "px";
CW_I [i] .style.width = C_ClcW [i] + "px";
C_LeftOffset + = C_ClcW [i]}
C_Angle + = Car_Speed ​​/ 720 * Math.PI * (Car_Direction? -1: 1);
if ((Car_Direction & amp; & amp; C_Angle & lt; = 0) || (! Car_Direction & amp; & amp; C_Angle & gt; = Math.PI / C_HalfNo)) {
if (C_CrImg == Car_Image_Sources.length) C_CrImg = 0;
if (Car_Direction) {
CW_I [C_HalfNo] = CW_I [0];
for (i = 0; i & lt; C_HalfNo; i ++) CW_I [i] = CW_I [i + 1];
CW_I [C_HalfNo-1] .src = Car_Image_Sources [C_CrImg];
CW_I [C_HalfNo-1] = .lnk Car_Image_Sources [C_CrImg + 1]}
else {for (i = C_HalfNo; i & gt; 0; i -) CW_I [i] = CW_I [i-1];
CW_I [0] = CW_I [C_HalfNo];
CW_I [0] .src = Car_Image_Sources [C_CrImg];
CW_I [0] .lnk = Car_Image_Sources [C_CrImg + 1]}
C_Angle = Car_Direction? Math.PI / C_HalfNo: 0; C_CrImg + = 2}}
setTimeout ("CarImages ()", 50)}

function C_LdLnk () {if (this.lnk) window.location.href = this.lnk}
function C_Stp () {this.style.cursor = this.lnk? "pointer": "default"; C_Stppd = true;}
function C_Rstrt() {C_Stppd = false}
& lt; / script & gt; & lt; div id = "Carousel" style = "position: relative; width: 130; height: 21" & gt;

& lt; / td & gt;