|
C‹R Th‡›¥ ADVANCED HTML GÁ\ RÛX‘¥ SÖ• ˜RÁ˜R¦¥ LÖQ C£T‰ TABLES GÁÄ• AyPYÛQ T¼½†RÖÁ.
C‹R AyPYÛQ GÁ Ä• Tables GÁ\ L£†‡Û] ˜R¦¥ HTML 3.2 GÁ\ YÛL›¥ ÙSyÍÚL GÁ Ä• (Net scape) Œ¿Y]†‡Á ™X• 1995-• Bz¥ A½˜LT|†RTyP‰. ARÁ ‘\h C‹R Tables GÁT‰ N¼¿ UÖ¼½ VÛUeL Ty| CÛQVR[ TeLjL· –L°• p\TÖ] ˜Û\›¥ AÛUeLTy| ETÚVÖLT|†R G¸RÖL YzYÛUeLT|f\‰. C‹R Tables ˜Û\ ™X• CÛQV R[ TeLjLÛ[ –Lo p\TÖ] ˜Û\›¥ YzY ÛU†‰ AY¼Û\ Rh‹R ˜Û\›XÖ] Ly|TÖy| PÁ TeLjLÛ[ AÛU†‰e ÙLÖ·YR¼h•, AY¼½¥ T¥ÚY¿ «RUÖ] Element-LÛ[ CP• ÙT\o ÙNšYR¼ h• ER°f\‰. C‰ ÚTÖÁ\ AyPYÛQ GÁ¿ ÙNÖ¥ XeizV Tables ˜Û\ ™X• TX«RUÖ] SÁÛULÛ[ HTML YZjhf\‰. AzTÛP AyPYÛQ Th‡L· ( BASIC TABLE PARTS) SÖ• NÖRÖWQUÖL C‰ ÚTÖÁ\ AyPYÛQ LÛ[† RVÖ¡eL TX«R UÖ] ELEMENT-LÛ[ ÙLÖ| p\TÖ] ˜Û\ ›¥ YzYÛUeLXÖ•. C‰ ÚTÖÁ¿ TVÁT|• pX AzeLz ETÚVÖLT|†R T|• TÖLjLÛ[•, ARÁ TVÁLÛ[• LÖQXÖ•. 1.L£†‰ «[eL• (CAPTION) C‰ ÚTÖÁ\ CAPTION GÁ\ Th‡›Á ™X• AyP YÛQ T¼½V «[eLjLÛ[ LÖQXÖ•. C‹R CAPTION GÁT‰ TABLE T¼½V p\“ A•NjLÛ[ h½eh• «R UÖL E£YÖeLT|f\‰. 2.AyPYÛQ† RÛX“ (TABLE HEADINGS) C‹R Th‡›Á ™X• AyPYÛQ T¼½V RÛX “•, ARÁ ÙRÖPŸTÖ] ÚSŸY¡ÛN (ROW) U¼¿• h¿ehY¡ÛN (COLUMN) ÚTÖÁ\Y¼Û\• h½‘P TVÁT|f\‰. C‹R ˜Û\ VÖ]‰ ÚY|UÖ]Ö¥ Uy|• ETÚVÖLT|†‡e ÙLÖ·[XÖ•. C¥ÛXÙVÁ \Ö¥ «y| «PXÖ•. 3.AyPYÛQ h¿eh Th‡ TABLE CELLS C‹R TABLE CELL G] T|Y‰ AyPYÛQ› ¨·[ p½V LyPjLÛ[ h½ef\‰. J£ TABLE T¥ÚY¿ G‚eÛL ›XÖ] LyPjLÛ[ (SQUARE) ÙLÖPRÖL AÛUeLTyz£eh•. 4.AyPYÛQ RLY¥L· TABLE DATA ETÚVÖfTÖ[ŸL·, Rj L· RLY¥LÛ[ ARÖY‰ VALUES GÁ¿ ÙNÖ¥Xe izV Th‡LÛ[ C‹R TABLE GÁÄ• AyP YÛQTh‡›Û] TVÁ T|†‡ ŒW‘e ÙLÖ·[ ˜z f\‰. ARÖY‰ JªÙYÖ£ CELL ™X˜• JªÙYÖ£ U‡‘Û] (VALUE) T‡° ÙNš‰ ÛYeL ER°f\‰. CRÁ «[eL• gÚZ ÙLÖ|e LTy|·[‰. HTML TAG GÁ¿ ÙNÖ¥XeizV AyPYÛQ›¥ h½‘P TVÁT|• pX h½œ|LÛ[ T¼½ gÚZ LÖQXÖ•. ëTABLEí TAG (AyPYÛQe ÚLÖ|) C‹R ëTABLEí GÁ\ YN‡ (TAG) ™X• J£ DOCUMENT RVÖ¡eL† ÚRÛY VÖ] ROW U¼¿• COLUMN ER«PÁ CELL JÁÛ\ E£YÖeL ER°•. C‰ ÚTÖÁ\ CELL ˜Û\ ™X• ˜efVUÖ] RLY¥L[Ö] ÙPeÍy (TEXT), YÛW TP• (IMAGE) BfVY¼Û\ h½‘P ˜z•. C‹R YÛLVÖ] TABLE N•T‹RUÖ] TAG ÚTÖÁ\ Y¼Û\ ëTABLEí AND ëTABLEí GÁ\ h½œ| L¸Á CÛP›¥ h½‘P ÚY|•. HRÖY‰ h½œ|L· C‹R TABLE GÁ\ TAG ˜Û\eh ÙY¸›¥ h½‘PTyz £‹RÖ¥ AÛY L| ÙLÖ·[TPUÖyPÖ‰. ERÖWQ•, ëTABLEí ëTRí ë! ...TABLE ROW ëTDí CONTEND ë!... TABLE DATA ë/TABLEí C‰ ÚTÖÁ\ ëTRí GÁ\ TAG ˜Û\ ™X•, J£ TABLE ETÚVÖLT|†‰• ÚTÖ‰ HTML TAG ˜Û\ÛV TVÁT|†‡ J£ RÂTyP CELL JÁÛ\ ŒŸQ›eL ˜zf\‰. J£ TABLE ™X• G†RÛ] «RUÖ] ëTRí-eLÛ[ ÚY|UÖ]Ö¨• SÖ• AÛU†‰e ÙLÖ·[ XÖ•. TABLE ™X• ETÚVÖL T|†R T|†‰• CELL-LÛ[ CW| YÛL[ÖL ‘¡eLXÖ•. 1. HEADER CELLS (RÛX“ LyPjL·) 2.DATA CELLS (RLY¥ LyPjL·) C‹R TABLE HEADER CELLS GÁT‰ ëTHí AND ë/THí GÁ\ C‹R CW| AÛP“ h½œ|L¸Á CÛPÚVRÖÁ h½‘P TP ÚY|•. C‰ ÚTÖÁ\ HEADER CELL-L¸¥ h½ ‘PT|• RÛX“L· N¡ VÖ] ˜Û\›¥ S|Th‡ ›¥ AÛUeLT|Y ÚRÖ| CÛYVÛ]†‰• N¼¿ Rz†R ( BOLD FACE) Th‡VÖL ‡ÛW›ÚX Œ¿†R T|•. C‹R DATA CELL GÁT‰ ëTDí U¼¿• ë/TDí GÁ\ CW| «RUÖ] AÛP “eh½ ÙLÖP TAG Th‡›Á E·Ú[ h½‘P Y|•. NÖRÖWQUÖL C‹R CELL-¥ E·[ RLY¥ L· AÛ]†‰• CP‰ “\ UÖL†RÖÁ ‡ÛW›¥ E£ YÖeLT|• (LEFT JUSTIFIED) ÚU¨• N¼¿ Rz†R (BOLD FACE) ŒÛX›ÚXÖ A¥X‰ p\TÖ] ˜Û\ ›XÖ] Gµ†‰eLÛ[ (ITALICS) ÚTÖÁ\Y¼Û\ E£YÖeL p\“ «RUÖ] AÛU“LÛ[ E£YÖeL ÚY|•. J£ AyPYÛQ GÁ¿ ÙNÖ¥XeizV TABLE ™X• S¥X CAPTION JÁÛ\ E£YÖeL «£•‘ ]Ö¥ ëCAPTIONí U¼¿• ë/ TRí GÁ\ TAG ETÚVÖL T|†‡ E£YÖeLXÖ•.C‹R TAG B]‰ GÚTÖ‰ ÚY |ÚUÖ AÚTÖ‰ Uy|• ETÚVÖL T|†‡e ÙLÖ·[ XÖ•. AY¼Û\ N¡VÖ] ˜Û\›¥ E£YÖeL ëTABLEí ë/ TABLEí GÁ\ TAG JÁÛ\ AÛU†‰e ÙLÖ·[XÖ•. AR¼LÖL TVÁT|†‰• TAG RÖÁ ëTRí U¼¿• ë/TRí Bh•. TABLE TAG EÛPV Th‡L· ( TABLE ATTRIBUTES) 1. TÖŸPŸ ( BORDER)SÖ• J£ AyPYÛQÛV E£YÖeh• ÚTÖ‰ AR¼ LÖ] G¥ÛXeÚLÖ| GÁ¿ ÙNÖ¥XeizV BORDER JÁÛ\ E£YÖehY‰ AYpV•. C‹R BORDER GÁ\ Th‡›Á ™X• G¥ÛXe ÚLÖyzÁ ALX†ÛR ˆŸUÖÂeL˜zf\‰. NÖRÖ WQUÖL J£ TABLE-Á BORDER-ÛV L•ïyPÚW E£YÖeLÖ‰. T‡XÖL C‹R BORDER YN‡›Á ™X•RÖÁ SÖ• ALX†ÛR ˆŸUÖÂeL ÚY|• GÁT‰ h½‘P†ReL‰. 2. AÛXÁ( ALIGN) J£ TABLE-ÛV SÖ• E£YÖeh• ÚTÖ‰ ARÁ [, ALX†ÛR ˆŸUÖÂT ÚRÖ|, CP‰ “\ÚLÖ| YÛWR¥, YX‰ “\ÚLÖ| YÛWR¥ U¼¿• S|Th‡›¥ ÚLÖ| YÛWR¥ ÚTÖÁ\ÛY TABLE-Á A[ÛY ˆŸUÖÂeL ER«VÖL C£eh•. CÛR HTML 4.0-¥ AZLÖL E£YÖeL ˜z•. 3. ÙN¥ ÍÚTpj (CELL SPACING) J£ TABLE-ÛV E£YÖeh• ÚTÖ‰ A‡¥ E·[ CELL G]T|• ÙNªYL Yz Y†ÛR RVÖ¡eh• ÙTÖµ‰, AY¼½¼h ÛPÚV E·Ú[ CÛPÙY¸ÛV h½eL ER° f\‰. 4. ÙN¥ÚTzj (CELL PADDING) SÖ• CELL-LÛ[ ˆŸUÖ Âeh• ÚTÖ‰ ÙNªYL YzY ÙN¥ KW• GªYÖ¿ C£eL ÚY|•. ÚU¨• A‡¥ RLY¥LÛ[ T‡° ÙNš• CP• GÁ] A[«¥ C£eL ÚY|• GÁTÛR ˆŸUÖÂeL ER°f\‰. 5. «y† (Width) C‹R YN‡›Á ™X• J£ ˜µ A[° TABLE EÛPV ALX†ÛR• “·¸ «fR ˜Û\›¥ GªYÖ¿ ˆŸUÖÂeL ˜z• GÁTÛR h½ef\‰. 6. EVW• (Hight) C‹R YN‡›Á ™X• J£ ˜µ A[° TABLE GªY[° EVW• C£eL ÚY|• GÁTÛR LÖy|f\‰. AR¼h G†RÛ] “·¸L· ÚY|• (PIXEL) GÁTÛR LÖy|f\‰.7.‘Á“\ ‡ÛW (Back Ground) SÖ• L‚ÙTÖ½ ‡ÛW›ÚX TX ÚYÛXLÛ[o ÙNš‰ Y‹RÖ¨•, ARÁ ‘Á“\• G‹R «RUÖ] TP• YW ÚY|•. AY¼Û\ GTz ‡ÛW›ÚX LÖyP ÚY|• GÁT‰ ÚTÖÁ\ ÚYÛXLÛ[o ÙNšV C‰ ER°f\‰. S•˜ÛPV RLY¥L· AÛ]†‰• C‹R ‘Á“\ ‡ÛW›¥ E·[ TP†‡Á ÚU¥RÖÁ LÖyP ˜z•. C‰ ÚTÖÁ\ ‘Á ‡ÛW TPjLÛ[ SUeh ÚYzV YzY†‡¥ AÛU†‰e ÙLÖ·[XÖ•. 8.‘Á“\ ‡ÛW YQ• (BACK GROUND COLOUR) J£ TABLE L‚ÙTÖ½ ‡ÛW›ÚX LÖyPT|• ÙTÖµ‰ ARÁ ‘Á“\ ‡ÛW GÁ] YQ†‡¥ AÛU‹ ‡£eL ÚY|• GÁTÛR h½‘P C‹R ˜Û\ ER° f\‰. 9.G¥ÛXeÚLÖ| YQ• (BORDER COLOUR) C‹R YN‡›Á ™X• ˜µ TABLE EÛPV G¥ÛXe ÚLÖyzÁ COLOUR-ÛV JÚW Œ\†‡¥ AÛU†‰e ÙLÖ·[ ˜zf\‰. NTERNET EXPLORER GÁ\ BROWSING TOOL CÛR ÙNšV ER°f\‰. B]Ö¥ NETSCAPE NAVIGATOR ™X• CRÛ] ÙNšV ˜zVÖ‰. 10.G¥ÛXe ÚLÖ| LXŸ Ly|TÖ| (BORDER COLOUR DARK) C‹R ˜Û\ ™XUÖL J£ h½‘yP Th‡›Á Colour-ÛV Ly|T|†R C‹R ˜Û\ ER°f\‰. ÚU¨• TABLE EÛPV Border-ÛV –L°• LIGHT COLOUR BLÚYÖ A¥X‰ DARK COLOUR BLÚYÖ UÖ¼½e ÙLÖ·[ C‰ ER°f\‰. 11.‘ÚW• ( FRAME) C‹R YN‡›Á ™X• TABLE- EÛPV BORDER TX «RUÖ] YN‡PÁ AÛU†‰e ÙLÖ·[ ER°f\‰. TABLE T¥ÚY¿ YÛLVÖ] YzYÛU “PÁ AÛU†‰e ÙLÖ·[ C‰ ER°f\‰. 12. «‡˜Û\L· (RULES) C‹R YN‡VÖ]‰ J£ TABLE-ÛV SÖ• E£YÖeh• ÚTÖ‰ GÁ] «RUÖ] «‡˜Û\LÛ[ LÛP‘zeL ÚY|• GÁT‰ TÖÁ\ YN‡LÛ[ YZjhf\‰. ADVANCED TABLE TAG GÁÄ• ˜Û\ ™X• gÚZ ÙLÖ|eLTyP J£ AyPYÛQÛV GªYÖ¿ E£ YÖehY‰ GÁTÛR HTML PROGRAM ™X• A½‹‰ ÙLÖ·[XÖ•. C‰ YÛW ADVANCED HTML GÁ\ YN‡›Á ™X• SÖ• ÙT¿• T¥ÚY¿ «RUÖ] YN‡LÛ[• ARÁ ™X• SUeh TVÁ T|• TX«RUÖ] Ly| TÖ|LÛ[• T¼½† ÙR¡‹‰ ÙLÖÚPÖ•. A|†R YÖW• DHTML GÁ\ CRÁ LÛPp Th‡ÛV† ÙR¡‹‰ ÙLÖ·[XÖ•. |