ÝáÒÉËÄÁÉ HTML ÃÏÊÖÌÄÍÔÛÉ


ÚÏÅÄËÉ ÝáÒÉËÉ ÉßÚÄÁÀ ÔÄÂÉÈ <TABLE> ÃÀ ÌÈÀÅÒÃÄÁÀ </TABLE>.


ÌÀÓ ÀØÅÓ ÒÀÌÏÃÄÍÉÌÄ ÀÔÒÉÁÖÔÉ:

ALIGN - ÂÀÍÓÀÆÙÅÒÀÅÓ ÝáÒÉËÉÓ ÌÃÄÁÀÒÄÏÁÀÓ ÃÏÊÖÌÄÍÔÛÉ, ÌÉÓ ÓÀÆÙÅÒÄÁÈÀÍ    ÌÉÌÀÒÈÄÁÀ­ÛÉ. ÌÀÓ ÛÄÉÞËÄÁÀ äØÏÍÃÄÓ ÓÀÌÉ ÌÍÉÛÅÍÄËÏÁÀ:

LEFT -  ÂÀÓßÏÒÄÁÀ ÌÀÒÝáÍÉÅ;

CENTER – dacentreba;

RIGHT - ÂÀÓßÏÒÄÁÀ ÌÀÒãÅÍÉÅ.

BACKGROUND - ÄÓ ÀÔÒÉÁÖÔÉ ÂÀÌÏÉÚÄÍÄÁÀ ÝáÒÉËÉÓ ×ÏÍÀÃ, ÒÀÉÌÄ ÓÖÒÀÈÉÓ ÜÀÓÀÓÌÄËÀÃ;

BGCOLOR - ÄÓ ÀÔÒÉÁÖÔÉ ÂÀÌÏÉÚÄÍÄÁÀ ÝáÒÉËÉÓ ×ÏÍÉÓ ÒÀÉÌÄ ×ÄÒÉÈ ÛÄÓÀÅÓÄÁÀÃ;

BORDER - ÂÀÍÓÀÆÙÅÒÀÅÓ ÝáÒÉËÉÓ ÜÀÒÜÏÄÁÉÓ ÓÉÓØÄÓ. ÌÉÄÈÉÈÄÁÀ ÐÉØÓÄËÄÁÛÉ. ÈÖ    ÌÉÈÉÈÄÁÖËÉ ÀÒÀÀ, ÝáÒÉËÉ ÂÀÌÏÃÉÓ ÜÀÒÜÏÄÁÉÓ ÂÀÒÄÛÄ;

BORDERCOLOR - ÜÀÒÜÏÓ ×ÄÒÉ. ÄÓ ÀÔÒÉÁÖÔÉ ÂÀÌÏÉÚÄÍÄÁÀ border ÀÔÒÉÁÖÔÉÓ ÐÀÒÀÌÄÔÒÈÀÍ ÄÒÈÀÃ;

CELLPADDING - ÈÉÈÏÄÖËÉ ÖãÒÉÓ ÛÉÂÍÉÈ ÅÄËÄÁÉ ÀÍÖ ÖãÒÀÛÉ ÌÏÈÀÅÓÄÁÖËÉ ÔÄØÓÔÉÓ ÀÍ ÓÖÒÀÈÉÓ ÃÀÛÏÒÄÁÀ ÖãÒÉÓ ÓÀÆÙÅÒÉÃÀÍ;

            CELLSPACING - ÖãÒÄÁÓ ÛÏÒÉÓ ÌÀÍÞÉËÉ;

            WIDTH - ÝáÒÉËÉÓ ÓÉÂÀÍÄ ÐÉØÓÄËÄÁÛÉ;

            HEIGHT - ÝáÒÉËÉÓ ÓÉÌÀÙËÄ ÐÉØÓÄËÄÁÛÉ.

           

ÝáÒÉËÉÓ ÚÏÅÄËÉ ÓÔÒÉØÏÍÉ ÉßÚÄÁÀ ÔÄÂÉÈ <TR> ÃÀ ÌÈÀÅÒÃÄÁÀ </TR>.

<TR>-ÉÓ ÀÔÒÉÁÖÔÄÁÉÀ:

ALIGN - ÔÄØÓÔÉÓ ÂÀÓßÏÒÄÁÀ ÓÔÒÉØÏÍÉÓ ÂÒÀ×ÀÛÉ; ÌÉsi ÌÍÉÛÅÍÄËÏÁÄÁÉÀ: RIGHT, CENTER, LEFT;

VALIGN - ÔÄØÓÔÉÓ ÂÀÓßÏÒÄÁÀ ÓÔÒÉØÏÍÉÓ ÂÒÀ×ÀÛÉ ÅÄÒÔÉÊÀËÖÒÀÃ. ÀØÅÓ ÛÄÌÃÄÂÉ ÌÍÉÛÅÍÄËÏÁÄÁÉ  TOP, MIDDLE, BOTTOM.

ÝáÒÉËÉÓ ÚÏÅÄËÉ ÖãÒÀ ÉßÚÄÁÀ ÔÄÂÉÈ <TD> ÃÀ ÌÈÀÅÒÃÄÁÀ ÔÄÂÉÈ </TD>, ÌÉÓÉ ÀÔÒÉÁÖÔÄÁÉÀ:

     COLSPAN - ÂÒÀ×ÀÛÉ ÂÀÀÄÒÈÉÀÍÄÁÓ ÌÉÈÉÈÄÁÖËÉ ÒÀÏÃÄÍÏÁÉÓ ÓÅÄÔÄÁÓ,  ÌÀÂ.: COLSPAN=4;

ROWSPAN - ÂÒÀ×ÀÛÉ ÂÀÀÄÒÈÉÀÍÄÁÓ ÌÉÈÉÈÄÁÖËÉ ÒÀÏÃÄÍÏÁÉÓ ÓÔÒÉØÏÍÄÁÓ,  ÌÀÂ.: ROWSPAN=5;

            ALIGN - ÔÄØÓÔÉÓ ÂÀÓßÏÒÄÁÀ ÂÒÀ×ÀÛÉ. ÀØÅÓ ÛÄÌÃÄÂÉ ÌÍÉÛÅÍÄËÏÁÄÁÉ:  RIGHT, CENTER, LEFT;

VALIGN - ÔÄØÓÔÉÓ ÂÀÓßÏÒÄÁÀ ÂÒÀ×ÀÛÉ ÅÄÒÔÉÊÀËÖÒÀÃ. ÀØÅÓ ÛÄÌÃÄÂÉ ÌÍÉÛÅÍÄËÏÁÄÁÉ:  TOP, MIDDLE, BOTTOM;

WIDTH - ÂÒÀ×ÉÓ ÓÉÂÀÍÄ ÐÉØÓÄËÄÁÛÉ;

HEIGHT - ÂÒÀ×ÉÓ ÓÉÌÀÙËÄ ÐÉØÓÄËÄÁÛÉ.

roÃesac ÂÒÀ×À ÝÀÒÉÄËÉÀ, ÌÉÓ ÉÒÂÅËÉÅ ÜÀÒÜÏ ÀÒ ÉáÀÔÄÁÀ. ÈÖ ÂÒÀ×À ÝÀÒÉÄËÉÀ ÃÀ ÜÀÒÜÏ ÌÀÉÍÝ ÂÅàÉÒÃÄÁÀ, ÓÀàÉÒÏÀ ÌÀÓÛÉ ÛÄÅÉÚÅÀÍÏÈ “&nbsp;” ÓÉÌÁÏËÖÒÉ ÏÁÉÄØÔÉ. ÖÍÃÀ ÀÙÉÍÉÛÍÏÓ, ÒÏÌ ÝáÒÉËÉÓ ÍÄÁÉÓÌÉÄÒÉ ÂÒÀ×À ÛÄÉÞËÄÁÀ ÛÄÉÝÀÅÃÄÓ ÝÀËÊÄ ÓáÅÀ ÝáÒÉËÓ.

ÌÀÂÀËÉÈÉ:

Text Box: 000 001 010 011 100 101      

 

<html>

 

  <head>

    <title>tables</title>

 </head>

<body>

<table border=1 width=100%>

<tr><td>000</td><td>001</td></tr>

<tr><td>010</td><td>011</td></tr>

<tr><td>100</td><td>101</td></tr>

</table>

 

<table width=100% border=1>

<tr><td colspn=2>table one</td></tr>

<tr><td>000</td><td>001</td></tr>

Text Box:   Table one 000 001 010 011       Two 000 001 002  

 

<tr><td>010</td><td>011</td></tr>

 

</table>

 

 

 

<table width=100% border=1>

<tr><td rowspn=3>two</td><td>000</td></tr>

<tr><td>001</td></tr>

<tr><td>002</td></tr>

</table>

</html>