NÖRÖWQUÖL HTML N• T‹RUÖ] “ÚWÖfW֕ Gµ‰• ÚT։ S֕ G‹R CP†‡¥ C£‹‰ ÙRÖPjL ÚY|• GÁT‰ –L AYpV•. ÚU¨• HTML ÙRÖPŸTÖL AYpVUÖL ÙR¡‹‰ ÙLÖ·[ ÚYzV Th‡L· GÁ]ÙYÁT‰ T¼½ CjÚL ÙR¡‹‰ ÙLÖ·[X֕.

HTML-¥ ˜R¦¥ ÙR¡‹‰ ÙLÖ·[ ÚYzV‰

1. ÙPeÍ GzyPŸ (Text Editor)

G‹R «RUÖ] Text Editor BL C£‹RÖ¨•, ARÁ ™X• ASCII ˜Û\›¥ Text-ÛV T‡° (Save) ÙNšV ˜z‹RÖ¥ A‰ÚY ÚT։UÖ]‰.

ERÖWQUÖL S֕ ÙT։ YÖLTVÁT|†‰• MICROSOFT WORD 6.0, ÚSÖy ÚTy (NOTE PAD) UNIX BTÚWyzj pÍP†‡¥ E·[ VI GÁ\ GzyPŸL· TVÁ T|†RT|fÁ\‰. ARÖY‰ S֕ TYPE ÙNšR TEXT-ÛV PLAIN BL°•, FLAT BL°•, ASCII ˜Û\›¨• Save ÙNš‰ ÙLÖ·[ ÚY|•. h½‘yP, ‘WTXUÖ] HTML GzyPŸL· S֕ TVÁT|†‰TÛY- MS FRONT PAGE, NETSCAPE COMPOSER U¼¿• HOTDOG PRO. C‰ ÚTÖÁ\ GzyPŸL· G¸RÖL SUehe fÛPTRÖ¥ AÛ]Y£• TVÁT|†‰• GzyPWÖL C‰ «[jh f\‰.

2.ÙY “ÚWÖNŸ (WEB BROWSER)

ÙY “ÚWÖNŸ GÁT‰ –L°• ˜efV†‰Y• Y֚‹R J£ L£«VÖL «[jhf\‰. CRÁ ™X• RÖÁ HTML-¥ pX ÚYÛXLÛ[o ÙNšV ÚYz·[‰. CR¼LÖL S֕ ÙT։YÖL TVÁT|†‰• Web Browser L·- ÙSy ÍÚL ÚS«ÚLyPŸ (Netscape Navigator), NCSA MOSAIC (ÙUÖÛNe), ÛUeÚWÖ N֐y CÁPŸÙSy Ge͓Ú[ÖWŸ (Microsoft internet Explorer), ¦ÁeÍ (LYNX), ÙN¥ÚXÖ (Cello), pÙUWÖ (Chimera), ÙY Ge͓Ú[ÖWŸ (Web Explorer) U¼¿• ÙSy h¤pVŸ (NET CRUISER) ÚTÖÁ\ÛY L[Öh•.

3.fW֑eÍ }¥ (GRAPHICS TOOL)

NÖRÖWQUÖL ÙT›y ‘WÍ (Paint Brush) U¼¿• G•.GÍ. TYŸ T֛y ™X• G‹R «RUÖ] ÙR֋RW°• C¥XÖU¥ TPjLÛ[ YÛWV ˜z‹RÖ¨•, AY¼Û\ J£ N¡VÖ] ˜Û\›XÖ] AÛU“ PÁ, ARÖY‰ GIF GÁ¿ ÙNÖ¥XeizV GRAPHIC INTERCHANGE FORMAT ™X• UÖ¼½e ÙLÖ·[ J£ N¡VÖ] L£« (TOOL) SUeh† ÚRÛYT|f\‰. ATzTyP J£ TOOL RÖÁ ADOPE PHOTOSHOP. C‰ Uy|–Á½ TX«RUÖ] L£« L· ARÖY‰ TOOL L· CÁ¿ C‹R IT ‰Û\›ÚX E·[‰ GÁT‰ h½‘P†ReL‰.

4.ÙY NŸYŸ (WEB SERVER)

J£ CÛQV R[†‡¼LÖ] TeL†ÛR Gµ‡ (Web page) AÛR SU‰ L•ïyP¡¥ E·[ Hard Disk-¥ T‡° ÙNš‰ A‰ ÚTÖÁ\ TeL†ÛR Web Browser ™X• —|• ÚRz G|†‰ AÛR L•ïyPŸ ‡ÛW›ÚXÚV T֟ÛY›P ER°Y‰ RÖÁ C‹R Web server-Á ÚYÛXVÖh•. C‹R ÚYÛXÛVo ÙNšYR¼h L•ïyPŸ J£ ÙSyÙY֟e ™X• CÛQeLTP ÚY|• GÁ\ AYpV• C¥ÛX. C‰ ÚTÖÁ¿ Webserver-¥ E·[ J£ Web page GÁĕ Te L†ÛR G|†‰ ‡ÛW›¥ T֟eL ETÚVÖL T|†RT|• «R• RÖÁ `OPEN LOCAL' A¥X‰ `OPEN FILE' GÁ¿ AÛZe LT|f\‰.

ARÖY‰ MOSAIC U¼¿• NET SCAPE C‹R YN‡›Û] YZjhf\‰. C‰ ÚTÖÁ\ Web pages-LÛ[ Internet ™X• S֕ ÙY¸›y|, AÛ]Y£• T֟eL «£•‘]Ö¥ AÛR Web server-¥ RÖÁ T‡° ÙNš‰ ÛY†‰e ÙLÖ·[ ÚY|•. S֕ G‹R «RUÖ] L•ïyPÛW ET ÚVÖLT|† ‡]Ö¨•, Internet ™X• C‹R Web pages-ÛV Webserver-¥ RÖÁ T‡° ÙNš‰ ÚYzV ÚSW†‡¥ T֟†‰e ÙLÖ·[ ˜z•.

HTML 4.0 YZjh• DOCUMENT TYPE DEFINITIONS

1. HTML 4.0 STRICT

CRÁ ™X• AÛ]†‰ «R UÖ] Element-Lº• ETÚVÖ LT|†‰• YÛL›¥ ÚNŸ†‰e ÙLÖ·[T|f\‰. ÚU¨• Frame Set GÁ\ Th‡›¥ ETÚVÖLT|†RÖR Element-L· C‡¥ ÚNŸ†‰e ÙLÖ·[ T|Y‡¥ÛX. Presentation N•T‹RUÖ] Element-Lº• ETÚVÖL†‡¼h ÚNŸ†‰e ÙLÖ·[T|Y‡¥ÛX

ERÖWQ• ëDOCTYPE HTML PUBLIC // w3c// DTD HTML 4.0 / EN

http:// www. w3c. org/ TR/ REC- htm/ 40/ Strict. dtd

2. HTML 4.0 TRANSITIONAL

CRÁ ™X• HTML 4.0 Strict-¥ E·[ AÛ]†‰ «RUÖ] Element-LÛ[• ÚNŸ†‰e ÙLÖ·[X֕. ÚU¨• Presentation N•T‹RUÖL ET ÚVÖLT|†‰• AÛ]†‰ «RUÖ] Attributes LÛ[• ÚNŸ†‰ ÙLÖ·[X֕. B]Ö¥ ÚUÚX i½V‰ ÚTÖX Frame Set Th‡›¥ ETÚVÖLT|† ‰• Element L· AÛ]†‰• Cjh ÚNŸ†‰e ÙLÖ·[T|Y ‡¥ÛX.

ERÖWQ•,

ëDOCTYPE HTML PUBLIC // w3c// DTD HTML 4.0F TRANSITIONAL / EN

http:// www. w3c. org/ TR/ REC- html 4.0/ SIC loose. dtd

3. HTML 4.0 FRAMESET

C‹R ˜Û\ ™X• HTML 4.0 Trasitonal-¥ E·[ AÛ]†‰ «RUÖ] Element -Lº• C‹R HTML 4.0 Frame Set-¥ ÚNŸ†‰e ÙLÖ·[ T|f\‰. ÚU¨• ÚRÛYVÖ] Element LÛ[ Frame Set-¥ C£‹‰• ÚNŸ†‰e ÙLÖ·[ X֕. C‹R ˜Û\ ™X• AÛ]†‰ «RUÖ] Element-Lº• ÚNŸ†‰e ÙLÖ·[T| f\‰.

ERÖWQ•,

ë DOCTYPE HTML PUBLIC // w3c// DTD HTML 4.0 FRAMESET // EN

http:// www. w3c. org/ TR/ REC- html 4.0/ Frame set. dtd

ÚUÚX h½‘yP ERÖWQj L¸¥, C‹R PUBLIC GÁ\ ˜Û\ ™X• Document Type B]‰ «Y¡eLT|f\‰. ÚU¨• A|†R HTML 4.0 T¼½V Element LÛ[ ÚNŸ‹R «YWjL· C£ AÛP“e h½œ|Lºeh· «Y¡eL Ty|·[‰. CÛR ÙT։YÖ] h½œ|L· ( PUBLIC IDENTIFIER) GÁ¿• AÛZeLX֕. CRÁ ˜R¥ Th‡VÖ] // W 3C GÁT‰ DOCUMENT TYPE GÁTRÁ AUTHOR GÁĕ Bp¡VŸ Th‡ÛV «Y¡TRÖL E·[‰. CRÁ CWPÖY‰ Th‡›¥ HTML 4.0 EÛPV TRANSITIONAL// N•T‹RUÖ] Element-L· «Y¡eLTy|·[‰. ÚU¨• //EN GÁT‰ AÙU¡eLÖ«Á BjfX ˜Û\Tz h½eLTy |·[‰ T¼½ «Y¡eLTy |·[‰. LÛPpVÖL h½eL Ty|·[ URL GÁ¿ ÙNÖ¥XeizV CÛQV R[ «YWjL¸¥ S֕ T֟eL ÚYzV ˜LY¡ÛV ÙR¸ YÖLe h½‘PTy|·[‰.

RLY¥LÛ[ ÛLVÖº• «RjL·

( Information Type U¼¿• Character Formating Elements)

HTML-¥ÛX ÙTÖ£†R YÛW RLY¥LÛ[ ÛLVÖº• ÚT։ T¥ÚY¿ YÛLVÖ] Element-LÛ[ S֕ ETÚVÖ LT|†R ÚY|•. gÚZ ÙLÖ|eLTy|·[ «TWjL· AÛ]†‰• Local Formatting Elements GÁ¿ AÛZeL T|f\‰. Character Formating ˜Û\ÛV ÛLVÖº• ˜Û\ LÛ[ Physical Elements GÁ¿ AÛZefÚ\֕.

RLY¥ ˜Û\L·

1. CITE: (h½œ|): C‹R ˜Û\ ™X• CÛQV R[†‡¥ E·[ J£ TeL†ÛR T֟eh• ÚT։, AÛR S֕ EQ£• ÙTÖ£y| R†RÁÛUPÁ «[jh• YÛL›¥ ÚLÖzy| LÖyP°•, AÛR ITALICS GÁ¿ AÛZeLT|• FONT ™X• «[eL°• ER°f\‰.

ERÖWQ•, ë/CITEí... ëC/CITEí

2.CODE: (Y¡L·) CRÁ ™X• “ÚWÖfW֕ Y¡LÛ[ Gµ‡, SUeh† ÚRÛYVÖ] YÛL›¥ YzYÛU†‰e ÙLÖ·[ ER°f\‰.

ERÖWQ•, ë/ CODEí... ë/CODEí

3. EMPHASIS : ( h½œ|L·): C‹R ˜Û\ ™X• p\“e h½œ|LÛ[ STATICS GÁ\ STYLE ™X• h½‘P ˜zf\‰.

ERÖWQ•, ëEMí... ë/EMí

4. KEYBOARD CÁ“y (INPUT): J£ USER. INPUT ÚTÖÁ\Y¼Û\ KEYBOARD ™X• TYPE ÙNš‰ AÛR ÙT¼¿e ÙLÖ·[ ER°• YN‡VÖL C‰ «[jhf\‰.

ERÖWQ•, ëKBDí... ë/KBDí

5. SAMPLE: C‹R ˜Û\ ™X• LITERAL GÁ¿ ÙNÖ¥XeizV ÙT։YÖ] Gµ†‰eLÛ[ÚVÖ A¥X‰ Y֟†ÛRLÛ[ÚVÖ h½eL ER°f\‰.

ERÖWQ•, ëSAMPí... ë/SAMPí

6. STRONG: C‹R ˜Û\ ›XÖ] ˜Û\ ™X• ELEMENT-LÛ[ –L°• Lz] UÖL (BOLD) ‡ÛW›ÚX «Y¡eL ER°f\‰.

ERÖWQ•, ëSTRONGí... ë/STRONGí

7. VARIABLE: C‹R ˜Û\ ™X• h½‘yP J£ INPUT-ÛV A½‹‰ ÙLÖ·[ ER°• J£ Y֟†ÛRÛV h½eL ER° f\‰. CÛR• ITALICS GÁ\ ˜Û\›¥ «Y¡eLX֕.

ERÖWQ•, ëVARí... ë/VARí

8. COMMENT: C‹R ˜Û\ ™X• HTML DOCUMENT T¼½V pX «[eLjLÛ[ Ajh·[ JªÙYÖ£ “ÚWÖ fW֕ Y¡›Á A£f¨• h½†‰e ÙLÖ·[X֕.

ERÖWQ•, ë- PREPARED BY ITL COMPANY-í.

C‰ YÛW HTML T¼½V ˜efVUÖ] pX «[eLjLÛ[ JÁ\ÖL A½‹‰ ÙLցÚP֕. A|†R YÖW• C‹R HTML T¼½V ˜efVUÖ] RLY¥L [Ö] ADVANCED HTML U¼¿• DHTML ÚTÖÁ\Y¼Û\ T¼½ «¡YÖLe LÖQX֕.

DOCUMENT TYPE ˆŸUÖ†R¥ (DECLARATION)

HTML ™X• SGML GÁ\ ˜Û\›Á ™X• Structured Documents GÁ¿ ÙNÖ¥Xe izV N¡VÖ] ˜Û\›¥ Yz YÛUeLTyP J£ Document E£YÖeLX֕. C‹R ˜Û\ ›XÖ] Document ˜Û\VÖ]RÖL C£eL ÚY|• GÁ \Ö¥ HTML Document LzTÖL G‹R YÛL›XÖ] HTML Verson ETÚVÖLT|†‰f\‰ GÁTÛR ÙR¸YÖLe h½‘P ÚY|•. C‰ ÚTÖÁ\ Y¡L· Document Type ˆŸUÖ]jL· GÁ¿ AÛZeLT|f\‰. CÛR† RÖÁ DTD-Document Type Definition GÁ¿ AÛZefÁÚ\֕. C‹R DTD ™X• DOCUMENT JÁ½¥ ëHTMLí TAGS AÛ]†ÛR• N¡VÖ] ˜Û\›¥ «Y¡eLX֕.

HTML “ÚWÖfW֕ AÛU“ ˜Û\ (HTML DOCUMENTS)

HTML Document GÁĕ AÛU“ ˜Û\VÖ]‰ SÖÁh YÛLVÖL ‘¡eLTy| “ÚWÖfW֕ GµR ER°f\‰.
* HTML Document B]‰ ÙRÖPeL†‡¥ HTML GÁ\ Y֟†ÛRÛVe ÙLցÚP ÙRÖPjhf\‰. CÛRo ÙNšYR¼h TVÁT|• LyPÛ[VÖ]‰ ëDOCTYP í GÁĕ TAG GÁ¿ AÛZeLT|f\‰.

* HTML Element GÁTRÁ ™X• RÖÁ HTML Document GÁT‰ «[eLT|f\‰. S֕ ˆŸUÖÂeL ÚYzV HEADER-LÛ[ A|†RRÖL «Y¡eL ëHEADí GÁ¿ J£ Element E£YÖf\‰. CRÁ ˜efV Th‡VÖ] S|TeL† ‡¥ C‹R Document EÛPV TITLE INDEXING INFORMATION ÚTÖÁ\ÛY• OWNER ÚTÖÁ\ ÙNš‡Lº• h½‘P T|f\‰.

CRÁ AÛUÛT gÚZ LÖQX֕.

ë HTML í...........ë/HTML í ë HEADí...........ë/HEAD í ëBODY í...........ë/BODY í

C‹R AÛU‘¥ ë HTML í GÁT‰ J£ HTML TeL†ÛR ÙRÖPjh• LyPÛ[VÖL°•, ë /HTML í GÁT‰ HTML TeL†ÛR ŒÛ\° ÙT\ ÛYeh• LyPÛ[VÖL°• TVÁT| f\‰.AÚR ÚTÖX ëHEADí GÁĕ LyPÛ[VÖ]‰ J£ RÛX‘Á BW•T†ÛR h½TRÖL°•, ë/HEADí GÁT‰ J£ Web Page RÛX‘Á ˜zÛY h½TRÖL°• AÛUeL T|f\‰.ÚU¨• ëBODYí GÁT‰ J£ CÛQV TeL†‡Á ARÖY‰ Web Page-Á ˜efVUÖ] EP¥ Th‡ÛV BW• ‘eh• LyPÛ[VÖL°• ë/BODYí GÁT‰ Web Page-Á ˜efV Th‡VÖ] EP¥ Th‡›Û] h½eh• ˜zÛY h½‘|• LyPÛ[VÖL°• L£RT|f\‰.

Uև¡ HTML DOCUMENT

ëHTMLí / ëHEADí ëTITLEí

MYFIRST HTML DOCUMENT =í HEAD Th‡

ë/ TITLEí ë/ HEADí ëBODYí

THE CONTENTS OF THE WEB PAGE =í BODY Th‡

ë/BODYí ë/ HTMLí

J£ ÙYÚTÇ ( Web Page) GªYÖ¿ E£YÖeLT|f\‰ GÁTÛR C‹R ERÖWQ• «[ehf\‰.