கவனிக்க: இந்த மின்னூலைத் தனிப்பட்ட வாசிப்பு, உசாத்துணைத் தேவைகளுக்கு மட்டுமே பயன்படுத்தலாம். வேறு பயன்பாடுகளுக்கு ஆசிரியரின்/பதிப்புரிமையாளரின் அனுமதி பெறப்பட வேண்டும்.
இது கூகிள் எழுத்துணரியால் தானியக்கமாக உருவாக்கப்பட்ட கோப்பு. இந்த மின்னூல் மெய்ப்புப் பார்க்கப்படவில்லை.
இந்தப் படைப்பின் நூலகப் பக்கத்தினை பார்வையிட பின்வரும் இணைப்புக்குச் செல்லவும்: இலகு தமிழில் HTML

Page 1
Oo.5 ததுமோ
LPR (ஆசிரியர், க
வெட் இன்டர்நஷனல் வெளியீடு
 

o:Dress பியூட்டர் வேர்ல்ட்)
Grazu : el III 100.000

Page 2


Page 3

இலகு தமிழில்
HTML
ஆக்கம் : வே. நவமோகன்
(கணினிப்பித்தன்
வெளியீடு : வெப் இண்டர்நஷனல் இல.7/3, ரூபன் பீரிஸ் மாவத்தை,
களுபோவில, தெஹிவளை.

Page 4
நூலின் பெயர் இலகு தமிழில் HTML
ஆசிரியர் : வே. நவமோகன்
பதிப்புரிமை 9 : (86). p56(3LDITs
முதற் பதிப்பு 2001 ஒக்டோபர்
பக்கங்கள் : 68
sf6 su : ლხ. 100
வெளியீடு வெப் இன்டர்நஷனல்
7/3, ரூபன் பீரிஸ் மாவத்தை, களுபோவில,
தெகிவளை.
sislil(Buralu (3urst : காயத்திரி பப்ளிகேஷன்
7/3, ரூபன் பீரிஸ் மாவத்தை, களுபோவில, தெகிவளை. O78 - 666608
இ-மெயில் : navamohanv @hotmail.com
ஆசிரியரின் எழுத்துமூல அனுமதியின்றி இப்புத்தகத்தின் எப்பகுதியையும் மறுபிரசுரம் செய்தலோ, போட்டோபிரதி செய்தல் உட்பட இலத்திரனியல் அல்லது பொறியியல் சாதனத்தால் கையளிக்கப்படுதலோ தடை செய்யப்பட்டுள்ளது.
TTLE OF THE BOOK Elagu Thamilil HTML
AUTHOR V. Navamoham OOPYRIOHT θ : V. Navamohan
ISBN 955.97518.9.1
FIRST EDITION : 2001 October
PAGES : 68
PRICE Rs... 100
Web International 7/3, Ruban Pieris Mawatha, Kalubowila, Dehiwela. DSTRIBUTORS Gayathri Publication
7/3, Ruban Pieris Mawatha, Kalubowila,
Dehiwela.
078 - 666608
E-MAIL : navamohan v@hotmail.com
PUBLISHED BY
All right reserved. No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording or otherwise without the prior permission of copyright owner,

அணிந்துரை
இன்றைய உலகம் ஒரு தகவல் தொழில்நுட்பப் புரட்சியை எதிர் கொண்டுள்ளது என்று கூறினால் அது மிகையாகாது. சமூகத்தின் ஒவ் வொரு சிறு செயற்பாட்டுக்குள்ளும் இத்துறை மிக வேகமாக மூக்கை நுழைத்துக் கொண்டு வருவதை அவதானிக்கக் கூடியதாக உள்ளது.
உலகில் பல புதிய மாற்றங்களை ஏற்படுத்தி வரும் இப்புரட்சியானது, வளர்ந்து வரும் மூன்றாம் உலக நாடுகளுக்கு மேலும் ஒரு வகையில் வரப்பிரசாதமாக உள்ளது. பாரிய மூலதனங்கள் அவசியமற்றதாக விளங் குகின்ற தகவல் தொழில்நுட்பத்துறை, சிறந்த திட்டமிடல் மூலம் மூன்றாம் உலக நாடுகளின் பொருளாதார அபிவிருத்திக்குக் கணிசமானளவு பங்காற்றக் கூடியதாக இருக்கின்றது. எமது நாட்டிலும் இவ்வாய்ப்பை உணர்ந்தவர்கள் இத்துறையை வேகமாக முடுக்கி விட முயற்சிப்பது வரவேற்கத்தக்கது.
ஏனைய எல்லா விஞ்ஞானம்சார் துறைகளையும் போலவே தகவல் தொழில்நுட்பத்துறை தொடர்பான வெளியீடுகளிலும் பெரும்பாலானவை ஆங்கிலத்திலேயே வெளிவருகின்றன.
இத்துறை தமக்கு அளிக்கும் வாய்ப்பைப் பற்றிக்கொள்ள விழையும், ஆங்கிலத்தைத் தாய்மொழியாகக் கொண்டிராத மூன்றாம் உலகநாடு களைச் சேர்ந்த மாணவர்களுக்கு இது கணிசமானளவு பிரச்சினையை ஏற்படுத்துகின்றது. இக்குறையைத் தீர்க்க ஆங்காங்கே தாய்மொழிகளில் இத்துறைசார் வெளியீடுகள் வெளிவருவது பாராட்டுக்குரியது.
இந்த வகையில் திரு. வே. நவமோகனின் “இலகு தமிழில் HTML” வெளிவருவதில் நான் பெருமகிழ்ச்சியடைகின்றேன். ஆங்கிலத்திற் போதிய புலமையற்ற தமிழ் மாணவர்களுக்கு இந்நூல் மிகவும் பயனுள்ளதாக அமையும் என்பதில் ஐயமில்லை. HTML மொழியை மிக எளிய முறையில் சுருக்கமாக இப்புத்தகம் விளக்குவது, அது பற்றிய ஒரு ஆரம்ப அறிவைப் பெற விழைவோருக்கு மிகவும் உதவியளிக்கும். திரு. வே. நவமோகனின் முயற்சிகள் மேலும் வளர எனது வாழ்த்துக்கள். பேராசிரியர் சா. இரத்தினஜீவன் ஹே. ஹல் B. Sc.EngCey, M.Sc. (Eng.) Distinc. Lond., Ph.D. C.- M.V., D.Sc.(Eng.) Lond., IEEE Fellow கணினி விஞ்ஞானத்துறைத் தலைவர், பொறியியற்பீடம், பேராதனைப் பல்கலைக்கழகம். 19-10-2001

Page 5
முன்னுரை
“மெல்லத் தமிழ் இனி மேன்மையுறும்”
இன்று உலகளாவிய ரீதியில் பிரயோகிக்கப்படும் பிரதான மொழிகள் பத்தில் தமிழும் ஒன்றாக விளங்குகின்றது. உலகின் தொன்மைவாய்ந்த மொழிகளான லத்தீன், கிறீக், ஹீப்ரூ, பாளி, சமஸ்கிருதம் போன்றவை அவற்றின் நெகிழ்ச்சியற்ற தன்மைகளாலும், சாதாரண மக்களின் பிரயோகங்களுக்கு எட்டாதவையாக வைக்கப்பட்டிருந்தமையாலும் வழக்கொழிந்துபோயின. இவற்றின் சமகாலத்து திராவிட மொழியாகிய தமிழ், காலத்தின் தேவைகளுக்கேற்ப மாற்றங்களை உள்வாங்கி மக்களின் மொழியாகப் பிரயோகிக்கப்பட்டு வருவதால் இன்றும் இளமைப் பொலிவுடன் திகழ்கின்றது.
ஒலைச் சுவடிகளில் எழுதப்பட்டுவந்த தமிழ் 1555 ஆம் ஆண்டில் முதன்முறையாக அச்சுவாகனமேறியது. உயர்குடி இலக்கியத் தமிழ் வசனநடையூடாக மக்கள் இலக்கிய வடிவங்களைப் பெற்றுக்கொண்ட பின்னர் அதன் வீச்சு வலுப்பெற்றது. நவீன உலகின் தொடர்பாடற் சாதனங்களை நன்கு பயன்படுத்திக் கொண்ட தமிழ், அறிவியல் வளர்ச்சிப்போக்குகளுக்கிணங்க தன்னை இயைவுபடுத்திக்கொண்டது. இந்த வகையில் கணினித்துறையிலும் தமிழைப் பயன்படுத்தும் செயற்பாடுகள் கடந்த பதினெட்டு ஆண்டுகளாக இடையறாது மேற்கொள்ளப்பட்டு வருகின்றன. “இணையம்” என்னும் தகவல் நெடுஞ்சாலையில் ஏனைய ஆசிய மொழிகள் பயணஞ்செய்ய ஆரம்பிக்க முன்னரே தமிழ் வெகுதூரம் முன்னோக்கிச் சென்றுவிட்டது.
இத்தேவைப்பாடுகளை ஈடுசெய்யும் வகையில் இப்புலம்சார்ந்த ஆக்கங்களும், நூல்களும் தமிழில் ஆக்கப்படுவது இன்றியமையாத செயற்பாடாகும். இத்துறையில் பேரார்வமும், புலமையும் வாய்ந்த திரு. வே. நவமோகன் கணினித் தமிழ் உலகில் நிதானமாகத் தடம்பதித்து வருகிறார். இவர் “தினகரன் வாரமஞ்சரி” யில் தொடர்ச்சியாக எழுதிவந்த “இலகு தமிழில் HTML” என்ற தலைப்பிலான கட்டுரைகள் தொகுக்கப்பட்டு நூலாக்கித் தரப்படுகிறது. இவருடைய முயற்சிகள் வெற்றிபெற வாழ்த்துக்கள். லேக் ஹவுஸ், ராஜ ரீகாந்தன் கொழும்பு-10. பிரதம ஆசிரியர்
19.10.2001 'தினகரன்”

ஆசிரியர் உரை
இணையம் உலகையே இணைத்து, உலகை ஒரு கிராமமாக்கி வரு கிறது. இன்று அயல்வீட்டு உறவினரை விட அமெரிக்காவில் உள்ள உறவினரோடு தொடர்பு கொள்வது இலகுவாகிவிட்டது.
இன்று கணினி, இணையம் என்பவை அநேகரின் பேச்சில் கலந்து விட்டது. நாம் காணுகின்ற நிஜ உலகை விட இன்னொரு மாய உலகை இணையம் உருவாக்கித் தந்துள்ளது.
இந்த இணையத்தின் சிறப்பையும், தன்னிகரில்லாத் தன்மையையும் விளக்கும் நோக்கம் இச்சிறுநூலில் இல்லை. ஆனால், இவற்றிற்கு ஒரு படி மேலாக இணையப் பக்கங்களை வடிவமைப்பதற்கான எச்ரிஎம்எல் பற்றிய அறிமுகமாகவும், எச்ரிஎம்எல்லை அடிப்படையிலிருந்து கற்பதற்கான வழிகாட்டலுமாக இந்நூல் எழுதப்பட்டுள்ளது.
எச்ரிஎம்எல்லின் ஆரம்பப் பதிப்பு எச்ரிஎம்எல் 1.0 ஆகும். பின்னர் எச்ரிஎம்எல் 2.0, எச்ரிஎம்எல் 3.0, எச்ரிஎம்எல் 3.2 பதிப்புக்கள் வெளிவந்து, இறுதியாக இன்று எச்ரிஎம்எல் 4.0 பதிப்பு வெளியாகி தற்போது பாவனை யிலுள்ளது.
எச்ரிஎம்எல் 4.0 ஐ அடிப்படையாகக் கொண்டு வெளியிடப்பட்டுள்ள இந்நூலில், எச்ரிஎம்எல்லில் உள்ள அடிப்படை விடயங்கள் அனைத்தும் ஆராயப்பட்டுள்ளன.
இன்று இணையத்தில் காணுகின்ற கோடிக்கணக்கான இணையப் பக்கங்களைப் போன்று நீங்களும் உங்கள் இணையப் பக்கங்களை வடி வமைப்பதற்கு இந்நூல் பேருதவி செய்யும் என நம்புகின்றேன்.
இந்நூல் எச்ரிஎம்எல் கற்பிக்கின்ற ஆசானாக அமையும் என்ற உறுதியான நம்பிக்கையும் எனக்குண்டு.
இலங்கையின் தேசிய தினசரியான தினகரனின் ஞாயிறு கணினி மஞ்சரியில் கணினிப்பித்தன் என்ற புனைபெயரில் நான் எழுதிய “இலகு தமிழில் எச்ரிஎம்எல்” என்ற தொடரை அடிப்படையாக வைத்து எழுதப் பட்ட நூலே இன்று உங்கள் கைகளில் தவழ்கின்றது. எச்ரிஎம்எல் பற்றிய தொடர்களை இலங்கையின் தேசிய கணினிச் சஞ்சிகைகளான “கம்ப்யூட்டர் ருடே”, “கம்பியூட்டர் வேர்ல்ட்” ஆகியவற்றிலும் எழுதிவந்துள்ளேன். எனது திறமையை வெளிக்கொணர உதவிய இவ்வேடுகளுக்கும், இலங்கையில் கணினிமொழி தொடர்பாக வெளிவருகின்ற முதலாவது தமிழ் நூலான இந்நூல் வெளியீட்டுக்கு உதவிய அனைவருக்கும் எனது நன்றிகள்.
Gal. 56JG|Draisei 19-10-2001 (கணினிப்பித்தவர்)

Page 6
பொருளடக்கம் எச்ரிஎம்எல் அறிமுகம்
எச்ரிஎம்எல் அடிப்படைகள்
முக்கியமான முன்று விடயங்கள் ஆவணமொன்றை உருவாக்குதல், சேமித்தல்
எக்ஸ்புளோரரில் திறத்தல்
ஆவணமொன்றை எடிட் செய்தல்
ஆவணமொன்றை அழகுபடுத்தல்
பின்னணியில் வர்ணங்கள், படங்கள்
எழுத்துக்களை மாற்றியமைத்தல் படங்களைச் சேர்த்தல்
படங்களை நகரச்செய்தல் ஒலிகளைச் சேர்த்தல் இடைவெளிகளை ஏற்படுத்துதல் பட்டியல்களை உருவாக்குதல் இணைப்புக்களை ஏற்படுத்துதல் மின்னஞ்சல் முகவரிக்கு இணைப்பு டெஸ்க்ரொப்பில் இருந்து இணைப்பு இணையத்துக்கு இணைப்பு அப்லெட் ஒன்றைச் சேர்த்தல் கலண்டர் ஒன்றைச் சேர்த்தல்
அட்டவணைகள் போடுவது எப்படி?
சட்டங்களை உருவாக்குதல்
படிவங்களை உருவாக்குவது எப்படி? எச்ரிஎம்எல் முக்கிய குறிப்புக்கள் எச்ரிஎம்எல் குறிப்புக்கள்
கலைச்சொற்கள்
எச்ரிஎம்எல் வர்ணங்கள்

எச்ரிஎம்எல் அறிமுகம்
இன்று இணையத்தில் பல இணை யத் தளங்களைப் பார்க்கின்றோம். இத்தளங்களை வடிவமைப்பதற்கு 6Ié#ffn6TLb6T6Ö (HTML) gg 1989 gyb ஆண்டில் ரி. எம். பேர்னர்ஸ் லீ (TM. Berners Lee) 616iLu6uil 6.ILq6).j60LD5 தார்.
இதன் ஆரம்பப் பதிப்பு எச்ரிஎம் எல் 1.0 ஆகும். இறுதியாக எச்ரிஎம் எல் பதிப்பு 4.0 வெளியிடப்பட்டு தற் பொழுது பாவனையில் உள்ளது.
இதற்கு முன் இணையப் பக்கங் களை வடிவமைப்பதற்கு, கூஃபர் (Gopher) என்ற அமைப்பைப் பயன் படுத்தினர். இது படங்கள், அலங் காரங்கள் அற்ற வெறுமனே உரைப் பகுதியால் மாத்திரம் தொகுக்கப் படக் கூடியதாக இருந்தது.
எச்ரிஎம்எல்லின் வடிவமைப்பின்
பின்பே இணையப் பக்கங்கள் எல்
லோராலும் சலிப்பில்லாமல் பார்க்கக் கூடியவாறும், கவர்ச்சிகரமானதாகவும் உருவாக்கப்பட்டன.
எச்ரிஎம்எல்லை எழுத ஒரு ரெக் ஸ்ட் எடிட்டர் (Text Editor) தேவை.
உதாரணமாக, நோட்பேட் (NotePad), GLT6mio 6TLqüL (Dos Editor) போன்றவற்றில் ஒன்றைப் பயன்படுத் தலாம்.
ரெக்ஸ்ட் எடிட்டரில் எழுதிச் சேமிப்பவற்றைச் செயற்படுத்திப் பார் ப்பதற்கு இன்டர்நெட் எக்ஸ்புளோரர் (Internet Explorer), Gibl6m)(35t
GB6 (85'Llr (Netscape Navigator)
போன்ற ஏதாவது ஒரு இணைய
6)6) (Browser) (8560)6).
எச்ரிஎம்எல் தெரியாதவர்கள் கூட இணையப் பக்கங்களைத் தயாரித் துக் கொள்ள ஃமைக்ரோசொஃப்ட் LD 67 (8Lugg (Microsoft Front Page), s(3LIT) (8Lugg fol) (Adobe Page Mill), Lod.(3) TLDuquT fib Gloir (Macromedia Dream Weaver) போன்ற மென்பொருள்கள் வெளி வந்துள்ளன.
எச்ரிஎம்எல் (HTML) என்பது ஹைப்பர் ரெக்ஸ் மார்க்கப் லேங்கு (86 Igg (HyperTextMarkup Language) என்பதன் சுருக்கமாகும்.
எம். எஸ். வேர்ட், நோட்பேட் போன் றவற்றில் ரைப் செய்பவற்றை ரெக் ஸ்ட் என்பர். இந்த ரெக்ஸ்ட்களை பல்வேறு ஃபோமற்றின் மூலம் அழகு செய்து, படங்களைப் போட்டு, வேறு ஆவணங்களுக்கு இணைப்புக்களை ஏற்படுத்துவதை ஹைப்பர் ரெக்ஸ்ட் (HyperText) 6T6Tuft,
சாதாரண ரெக்ஸ்ட்களில் குறிப்புக் களை (Tags) சேர்த்து அதன் மூலம் கட்டளைகளை உருவாக்குவதை LDITsrds sity (Mark Up) 6T6örust.
பேசிக், சி, ஜாவா மொழிகளை போல இதையும் மொழி என்பர்.
எனவே, எச்ரிஎம்எல் ஒரு ஹைப்பர் ரெக்ஸ்ட் மார்க்கப் லேங்குவேஜ் ஆகும்.
س 7 سب

Page 7
எச்ரிஎம்எல் அடிப்படைகள்
ஏனைய மொழிகளில் கட்டளை கள் (Commands) உள்ளது போல் இதிலும் உண்டு. இதைக் குறிப்பு (Tag) 6T6Turt.
இந்தக் குறிப்புடன் எழுதப்படு வது பண்பு (Attribute) ஆகும். இக் குறிப்புக்கள், பண்புகளுடன் வரும் சாதாரண ரெக்ஸ்ட்களையும் சேர்த்து எலிமெண்ட் (Element) என்பர். எச்ரி எம்எல் ஆவணமொன்றை உருவாக்கு வதற்கு முன் இவை பற்றி அறிந்து கொள்வது அவசியம் என்பதனால் இவை பற்றி கீழே விளக்கப்பட்டுள் 6Tig5).
O gbibil (Tag)
இது கோண அம்புக்குறிகளில் (<>) எழுதப்படும். இது தன்னகத்தே கொண்டுள்ள குறிப்பு (Tag) ஐ எவ் வாறு காட்சிப்படுத்த வேண்டும் என் Lu60)g 606) (Browser) Sig55 தெரிவிக்கும்.
உதாரணமாக,
 என்பது எச்ரிஎம்எல் ஆவ ணமொன்றின் ஆரம்பத்தையும்,
 என்பது அந்த ஆவணத்
தின் முடிவையும் உலவிக்குத் தெரி விக்கும்.
முடிக்கும் குறிப்புக்கள் ஒவ்வொன் றும் / என்ற அடையாளத்துடன் முடி யும். பெரும்பாலான குறிப்புக்கள் (pLq.d5(5lb (5560)uds (Closing Tag) கொண்டிருக்கும்.
எச்ரிஎம்எல்லில் தொண்ணுறுக்கு
மேற்பட்ட குறிப்புக்கள் உள்ளன.
இவற்றில் சுமார் ஐம்பது முக்கிய மானவை. (எச்ரிஎம்எல்லிலுள்ள 90 இற்கு மேற்பட்ட குறிப்புக்களும், இதில் முக்கியமான குறிப்புக்கள் தெளிவான விளக்கங்களுடனும் இந்நூலின் இறுதியில் பட்டியலிடப்பட்டுள்ளன.)
பொதுவாக, ஒரு சில குறிப்பை விட மிகுதி எல்லாக் குறிப்புக்களும் அனைத்து உலவிகளிலும் செயற் படக்கூடியவை.
சி", ஜாவா மொழிகளைப் போன்று 6Těšíî6Tb6T6d 2.600TÍTg36őT (Case sensitive) S-60Luo DT.puj6ü6), sooTT6), பாவனையாளர்கள் விளங்கிக் கொள் வதற்காக இக்குறிப்புக்களை ஆங் கிலப் பெரிய எழுத்துக்களில் எழுது வார்கள்.
உதாரணமாக, KHTML> 
0 உள்ளமைவுக் குறிப்பு (Nesting Tag)
இணையப் பக்கங்களை உருவா க்கும். போது, ஒன்றைவிடக் கூடுத லான குறிப்பு (Tag) கள் பயன்படுத் தப்படுகின்றன.
உதாரணமாக, சொல் ஒன்றை இற்றலிக் (Italic) ஆக மாற்ற வேண்டு மாயின், இருவிடயங்களைக் கவனத் திற் கொள்ள வேண்டும்.
1. எல்லாக் குறிப்புக்களும் எல் லாக் குறிப்புக்களையும் உள்ளடக்க மாட்டாது.
- 8

உள்ளமைவுக் குறிப்பு பொதுவாக
ரெக்ஸ்ட் ஒன்றினுள் காணப்படும் தனிச் சொற்களையோ எழுத்துக்
களையோ அழகுபடுத்துவதற்காக உருவாக்கப்படும்.
உதாரணமாக, 

என்ற குறிப்பினுள், KHEAD>, KTITLE> (3LJT6öp (g5í6ů புக்களைப் பயன்படுத்த முடியாது. Se6OTT6ö, KB>, KI>, போன்றவற்றைப் பயன்படுத்த முடி Այլb. 2. இக்குறிப்புக்களுக்கு ஒழு ங்கு முறை உண்டு. அதாவது ஒரு குறிப்பை முடிக்கும் போது, அந்த எலிமெண்டில் இறுதியாகத் திறந்த குறிப்பு முடிக்கப்பட்டிருத்தல் வேண் டும். " உதாரணமாக, பெட்டியொன்றி லுள்ள இன்னொரு பெட்டியைத் திறந் தோமானால், முதலில் இறுதியாகத் திறந்த பெட்டியை மூடிய பின்பே, வெளிப்பெட்டியை மூட வேண்டும். இதுபோலவே, கீழுள்ள உதாரணத் தில்

என்ற குறிப்பு முதலிலும், <1> என்ற குறிப்பு அடுத்தும் திறக் கப்பட்டிருப்பதால், இக்குறிப்புக்களை முடிக்கும் போது முதலில் ஐ முடித்து, பின்

ஐ முடிக்க வேண்டும். Nesting Tag

BananaApple.

O Luasirų (Attribute) குறிப்பு என்பது உலவிக்கு இதனைச் செய் என்று சொல்லும் போது, பண்பு அதை எப்படிச் செய் வது என்பதைத் தெரிவிக்கும். இது குறிப்பு (Tag) இனுள்ளே எழுதப்படும். அதாவது, என்ற குறிப்பி னுள் ஃபொன்ட் பற்றிய மேலதிக 55616)356T60T Color, size, style போன்ற பண்புகளை இது தெரிவிக்கும். உதாரணமாக, KFONT EFACE = Y^Ar jia"> KEFONT SIZE = V* 5"> O GT656D6siri' (Element) இது குறிப்பையும், இணைக்குறிப் பையும், பண்புகளையும் உள்ளடக் கியதாகும். Element -- Angle Brackets Contained Text Forward Slash WELCOME
Page 8
முக்கியமான முன்று விடயங்கள்
எச்ரிஎம்எல் ஆவணம் ஒன்றில் பொதுவாக மூன்று விடயங்கள் முக் கியமானவை (படம் 1).
இவை பொதுவாக எல்லா எச்ரி எம்எல் ஆவணங்களிலும் காணப்படும். (D KHTML> K/HTML>
இதன் உள்ளேயே அனைத்து குறிப்புக்களும், உரைப்பகுதிகளும் எழுதப்படும்.
எச்ரிஎம்எல் ஆவணத்தின் ஆரம் பத்தையும் முடிவையும் இதுவே உலவிக்குத் தெரிவிக்கும். (2) 
இதனுள் நாம் எழுதப்போகும் ஆவணத்தின் தலைப்பு எழுதப்படும். இக்குறிப்பினுள்,  
என்பவற்றுக்கு இடையே எழுதப் படுவதே இணையப் பக்கத்தின் தலைப்பாக இருக்கும்,
(3)  
என்பதற்குள் இணையப் பக்கத் தின் உடற்பகுதியில் அடங்கும் அனைத்தும் எழுதப்படும்.
இவை தவிர ஆச்சரியக்குறியுடன் கூடிய குறிப்புக்கள் காணப்படுவதை அநேக இணையப் பக்கங்களில் அவதானித்திருப்பீர்கள். படம் 2இல்
A. Untitled - Notepad e Elle Edo Seach Helb_3.
3 Sample site of HTML cocument 

СЛО
g 

untitled. Notepad
Ele Edit Search Help
K Sample site of HTML document>
KHTMLX
1-XIHEAD>
KTITLEX New HTML document K/TITLEX
KAHEAD> KBODY> Welcome KABODYX -C/HTML).
எக்ஸஸரீஸ் (Accessories) வழியாக (8gbT‘08UL' (Notepad) 8gğ5 (ULlub 3) திறவுங்கள். அதில் படம் 4 இல்
பிரதான மெனுவில் சேவ் (Save) என்பதைத் தெரிவு செய்து வரும் LuGaurids Gurd.6m56) “Project.htm” என்ற பெயரில் சேவ் செய்து கொள்ள வும்.
இங்கு “Project என்பதற்குப் பதி லாக நீங்கள் விரும்பிய பெயரைக் கொடுக்கலாம். .htm அல்லது .html என்பது இந்தக் கோப்பை, எச்ரிஎம்எல் கோப்பாகச் சேமிப்பதற்கான எக்ஸ் ரென்ஷனாகும்.
ULb 4
- 11 -

Page 9
எக்ஸ்புளோரரில் திறத்தல்
சேமிக்கப்பட்டுள்ள எச்ரிஎம்எல் கோப்பு (File) ஒன்றை இன்டர்நெட் எக்ஸ்புளோரரில் திறப்பதற்கு இரண்டு வழிகள் உள்ளன.
ஒன்று, அந்தக் கோப்புள்ள இடத் திற்குச் சென்று கோப்பின் ஐகன் (IcOn) ஐ டபிள் கிளிக் செய்து திறந்து கொள்ளலாம். அல்லது இன்டர்நெட் எக்ஸ்புளோரரில் மெயின் மெனு ஃபைல் (File) (S6) Q'il foil (Open) gi (படம் 5) தெரிவு செய்து வரும் டய
Lb 5
லொக் பொக்ஸ் (படம் 6) இல் ஒப்பின் என்பதில் நீங்கள் சேமித்த கோப்பிற் கான பாத் (Path) ஐ ரைப் செய்தோ அல்லது பிறவுஸ் (Browse) என்ப தைக் கிளிக் செய்து கோப்புள்ள இடத்திற்குச் சென்றோ, அந்தக் கோப் பினைத் திறந்து கொள்ளலாம்.
it is siteiteit *ged set
Faðist frá.
இவ்வழிகளில் ஒன்றில் முன்னர் உருவாக்கி சேமித்த கோப்பை உல வியில் திறவுங்கள். இப்போது கணி னித்திரையில் நீங்கள்   என்ற பகுதிக்குள் எழுதிய அனைத்தும் தோன்றும் (படம் 7).
LJLLib 7
இவ்வாறே, நெட்ஸ்கேப் நெவி
கேட்டரிலும் கோப்பைத் திறந்து
கொள்ள முடியும்.
- 12
 
 
 

ஆவணமொன்றை எடிட் செய்தல்
இன்டர்நெட் எக்ஸ்புளோரரில் திறந்துள்ள ஆவணமொன்றை அதி லிருந்தவாறே மேலும், பல மாற்றங் கள் செய்து எடிட் செய்ய முடியும்.
இதற்கு படம் 8 இல் காட்டிய வாறு சோர்ஸ் (Source) ஐத் தெரிவு செய்து, நீங்கள் எழுதிய ஆவணத் தில் விரும்பிய மாற்றங்களைச் செய் யலாம். அல்லது இன்டர்நெட் எக்ஸ் புளோரரில், ஆவணப் பகுதியில் மவு ஸால் ரைட் கிளிக் செய்து கிடைக் கின்ற மெனுவில் (படம் 9) வியூ (33rfront) (View Source) 6T6örLu60g5ds
O Microsoft inter.
- 13
LILLb 9
கிளிக் செய்வதன் மூலம் நீங்கள் விரும்பிய மாற் றங்களைச் செய்து சேவ் Gafufuj6)Tib.
பின்னர், இன்டர்நெட் எக்ஸ்புளோரரில் உள்ள e56)0LJT d6s) (Tool box) (S6) fig6 (Refresh) என்பதைத் தெரிவு செய் வதன் மூலமோ அல்லது மெயின் மெனு வியூ (View) 6i6b f'LiJ6nġ (Refresh) என்பதனைத் தெரிவு செய்வதன் மூல மோ அல்லது F5 கீயை அழுத்துவதன் மூலமோ நீங்கள் செய்த மாற்றங் களைத் திரையில் பார்க் 856).Th.

Page 10
ஆவணமொன்றை அழகுபடுத்தல்
இதில், நீங்கள் ரைப் செய்த எழுத் துக்களின் தன்மையில் மாற்றங் களைச் செய்வதற்கான குறிப்புக் களைப் பார்ப்போம்.
事 。
இதன் நடுவில் எழுதப்படுபவை யாவும் தடித்த (Bold) எழுத்துக்களா கக் காட்சியளிக்கும்.
● <工>
இதன் நடுவில் எழுதப்படுபவை அனைத்தும் சாய்ந்த (Italic) நிலை யில் காட்சியளிக்கும்.
KU> 
இதன் நடுவில் எழுதப்படுபவை அடிக்கோடு (Underline) இடப்பட்டுக் காட்சியளிக்கும்.
 இதன் நடுவில் எழுதப்படுபனிவ அனைத்தும் மையப்பகுதிக்கு (Center) ஒழுங்குபடுத்தப்பட்டுக் காட்சி யளிக்கும்.
KBR>
இந்தக் குறிப்புப் பயன்படுத்தப் படும் இடங்களில் வரியானது உடைக்கப்படும்.

6T6örug Gjd (Break) என்று பொருள்படும். இது ஆவணம் 696irlso 60606ir (3jds (Line Break) செய்வதை ஒத்தது. ஒரு வரியிலிருந்து அடுத்த வரியை எத்தனை லைன் இடைவெளி விட்டுப் பிரிக்க வேண்டுமோ, அத் தனை தடவை இந்தக் குறிப்பை உபயோகிக்க வேண்டும். l KP> K/P> இவ்வடையாளங்களுக்கிடையில் பந்தியானது அமைந்திருக்க வேண் டும். பந்திகள் இவ்வடையாளங்கள் மூலமே பிரிக்கப்படுகின்றன. வேர்ட் (Word), பேஜ்மேக்கர் (Pagemaker) போன்றவற்றில் ரெக்ஸ் ட்களை அலைன்மெண்ட் (Alignment) செய்வது பற்றி அறிந்திருப்பீர் கள். இவ்வாறு எச்ரிஎம்எல்லிலும் ரெக்ஸ்ட்களை ஒழுங்குபடுத்த முடி եւյւb. இதற்கு, KRIGHT> K/RIGHT> KJUSTIFY> K/JUSTIFY> 'எனக் குறிப்புக்களைத் தனி வரி களுக்கோ அல்லது மேற்கூறிய வடி வத்தில் பந்திகளுக்கோ பயன்படுத்த (ԼՔԼգա IITՖl. பந்தி பிரித்தலின் போது பந்தி களின் ஒழுங்கமைப்புக்கு, கீழுள்ள வாறு கொடுக்க வேண்டும். ak KP Align="Left"> K/P> பந்தியை இடப்பக்கமாக ஒழுங்கு படுத்தப் பயன்படும். ak KP Align="Right"> K/P> பந்தியை வலப்பக்கமாக ஒழுங்கு படுத்த பயன்படும். ak KP.Align='Center"> K/P> - 14 பந்தியை மத்தியில் ஒழுங்கு செய்ய பயன்படும்.

பந்தியை இரு பக்கங்களுக்கும் மையப்படுத்த இது உபயோகிக்கப் படும். மேலே விளக்கப்பட்டுள்ள குறிப் புக்களை விரும்பியவாறு உங்கள் ஆவணத்தின் உடற்பகுதியில் ரைப் செய்து சேமிக்க முடியும். உதாரணமாக, மேலே தரப்பட்ட குறிப்புக்களைக் கொண்டு ஏற்கனவே எழுதிய எச்ரிஎம்எல் ஆவணத்தை அழகுபடுத்த படம் 10 இல் உள்ள வாறு பழைய ஆவணத்தில் மாற்றங் களைச் செய்து சேமியுங்கள். இப்போது படம் 11 இல் உள்ளது போன்று புதிய இணையப் பக்கத் தின் அழகுபடுத்தப்பட்ட தோற்ற மானது காட்சியளிக்கும். காட்சியளிக் காவிட்டால் ரூல் பாரில் உள்ள ரிஃ பிரஷ் (Refresh) என்பதை அல்லது F5 ஐ அழுத்துங்கள். இவற்றை விட ஆவணமொன்றை அழகுபடுத்த இன்னும் சில குறிப்புக் கள் உள்ளன. அவற்றைப் பற்றிப் பார்ப்போம். உரைகளை மீண்டும் மீண்டும் 36sjö (Blink) Gauj65bg), K/BLINK> 616ögb (gög'Lä கள் பயன்படும். ஆனால், இது நெட்ஸ்கேப் நெவிகேட்டர் உலவியில் மட்டுமே செயற்படக்கூடியது. ஆவணம் ஒன்றில் புரோகிராமிங் கோட் (Code) ஐ வேறுபடுத்திக் காட்ட என்ற குறிப்புப் பயன் படும். இது என்ற இணைக் குறிப்புடன் முடியும். பெரும்பாலான உலவிகள் இதைக் கூரியர் (Courier) என்ற ஆங்கில ஃபொன்டில் வெளிக்காட்டும். CHTML KHEAID)X- -ᏨBCoᎠY> KP Align= "Left"> By W. NAWAMOHAN KWBODY). K/HTML , KI> Welcome KW I> KA'B>
KP Align= "Center"> This book helps you to create a HTML document. KBR>

Thank You. LJLib 10 س 15 سب


Page 11
| File Edit yiew Go Favt
Addless ë c\Projecthtm
@|曰邑剑
그
Veicotte
By...W. NAWAMOHAN
This book helps you to create a HTML document.
له.
Thank You.
EMy Computer
;ޗަ/
LILLb குறிப்பிட்ட ஆவணமொன்றில் ஒரு உரைப்பகுதியை ஏனையவற்றில் இருந்து வேறுபடுத்திக் காட்டுவதற்கு   என்னும் குறிப்புக்கள் பயன்படும். இதனுள் எழுதப்படுபவை பெரும்பாலான உலவிகளில் சாய்ந்தே தோன்றும்.
தமிழில் கட்டுரை எழுதும் போது வாக்கியங்களை விட பாடல்கள், மேற்கோள்களை சிறிது உள்நோக்கி எழுதுவோம் அல்லவா! அது
11 போலவே ஆவணமொன்றில் உள்ள சில வரிகளை மட்டும் இருபக்க மாகவும், ஆவணத்தை விட உள் நோக்கி எழுதுவதற்கு,
KBLOCKQUOTE> K/BLOCKQUOTE> என்னும் குறிப்புக்கள் பயன்படும்.
ரைப்ரைட்டர் வகை எழுத்துக் களை உருவாக்குவதற்கு,   என்ற குறிப்புப் பயன்படும்.
எழுத்துக்களில் குறுக்காக கோடொ ன்றை வரைவதற்கு   என்னும் குறிப்புக்கள்
Ju 6TU(6tb.
இக்குறிப்புக்களைப் பயண்படுத் திக் கீழுள்ளவாறு ஆவணமொன்றை தயார் செய்யுங்கள்.
- 16
 
 
 
 
 
 
 
 
 
 

KHTML>



Java was developed by James Gosling at Sun Micro systems in 1991.

KEM> His Original Aim was to develop a low cost, Hardware Independent Language ba Sed On C++ .

 Machine independent (IBM compatible, Apple computer . . . . ) Operating system independent ( Windows 95/NT/98/ 2000, Unix ) A new programming language called Oak was developed based on C++ .



இது உலவியில் படம் 12 இல்
உள்ளவாறு தோன்றும்.
Adeä CWINDowsvDesktopshimbookW1.HTM
Java
Java was developed by James Gosling at Sun Microsystems in 1991.
His Original Airn was to develop a low cost, Hardware loadeparadarat Languaga based ora C++.
Machine independent ( IBM compatible, Apple computer, , , , ) operating system independent
( windows 95/NT/98/2000, Unix ) A new progreaming Leanguage callad Oak was developed based on C++,
Fava was developed by James-Geshing at Sun
Microsystems missi
ΕίΜνCαιρικοί
шLib 12
ஆவணம் ஒன்றைக் கவர்ச்சிகர மானதாகவும், அழகானதாகவும் காண் பிக்க எச்ரிஎம்எல்லில் பல குறிப்புக் கள் உள்ளன. இவற்றின் மூலம் அந்த ஆவண உரைப்பகுதியை அழகு படுத்துவதுடன் அதற்குப் படங்கள் மற்றும் ஒலிகளையும் கூடச் சேர்க்க 6)Tib. fairgOT600s (Background) 6) is ணங்களைக் கூட மாற்றலாம்.
ஆவணமொன்றின் தலைப்பெழுத் துக்கள் பெரியதாகவும் தடித்தும் இருந்தால் தான் அது காண்போரின் கவனத்தை ஈர்க்கும். எச்ரிஎம்எல்லில் 6 அளவு தலைப்பெழுத்துக்கள் இருக் கின்றன.
960)6)JU JT 6) 60T,

,

- 17

Page 12
 , 

,
இதில் H1 என்பது பெரிய எழுத் துக்களையும், H6 என்பது சிறிய எழுத்துக்களையும் குறிக்கின்றது (Lib 13). | Ele Edit yew Go Favo ay $ . . . . . Back Forward Stop Refrt Addresse CDoc HTM Links H1 H2 H3 H4 H5 그] EMy Computer LILíb 13 சுப்பர்ஸ்கிரிப்டும் சப்ஸ்கிரிப்டும் (Superscript & Subscript) எழுத்துக்களோ அல்லது எண் களோ ரெக்ஸ்ட்டிலிருந்து ஒரு படி மேலாகவோ அல்லது கீழாகவோ வருவது தான் முறையே சுப்பர் ஸ்கிரிப்ட், சப்ஸ்கிரிப்ட் என அழைக் கப்படும். : - 18 எச்ரிஎம்எல்லில் சுப்பர்ஸ்கிரிப்ட் டிற்கு < SUP> என்னும் குறிப்பும், சப்ஸ்கிரிப்ட்டிற்கு , என்னும் குறிப்பும் பயன் படுத்தப்படுகிறது. உதாரணமாக, 31 KSUP) st k/SUP) DAY H 2 O இது படம் 14 இல் உள்ளவாறு கணினித்திரையில் தோன்றும். ec:DATE.htm - M. x 31st Day HO g My Computer LILLb 14 கோடுகளை வரைதல் இடமிருந்து வலமாக கோடொன் றினை வரைவதற்கு
என்ற குறிப்புப் பயன்படும். HR என்பது Horizontal Rule (d560)Ld5(3ET6) 6T6öug5667 சுருக்கமாகும். இந்தக் குறிப்பிற்கு இணைக்குறிப்பு () இல்லை. அதாவது, கிடைக் கோட்டுக் குறிப்பு வரும் இடங்களில் வரிகள் தாமாகவே முடிக்கப்பட்டு கோட்டிற் குப் பின் இருப்பவை புதிய வரியில் தொடங்கும். கிடைக்கோட்டின் தடிப்பு எவ்வள வாக இருக்கவேண்டுமென்பதை, KHR SIZE= > 6T6ÖTLugad GabĪT(Bä585 6) Tub. உதாரணமாக, KHIR SIZE="1"> KHR SIZE="3" > KHR SIZE="6"> KHIR SIZE="10"> KHR SIZE = " 1 O" NOS HADE> KHR SIZE="20"> KHIR SIZE= "2 O " NOS HADE> என்பவை திரையில் படம் 15 இல் உள்ளவாறு காட்டப்படும். twelcome Microsoft internet Explore le Edit View :0 Fayortes :delp [܀ 39 ܀ #ܗ - ܕ݁ܝܬ݂ܳܐ ; Back द्वै ४:१४:४१°: Stop Refresh Home |Address C \Doc3 him Links A. ; : is My Computer T SLLLSSJLS LLLLLS LqLLSSSLLS LSSS SS SS SS SSqLL S S LLLSSS SS SSL SSLLLSSJSLLLL LLSL SLLLSLL . LЈLib 15 இதில், கிடைக்கோடானது கரும் சாம்பல் நிறத்தில் தோன்ற NOSHADE பயன்படுத்தப்பட்டுள்ளது. உதாரணமாக,
கிடைக் கோட்டின் நீளத்தை WTDTH என்ற பண்பில் கொடுக்க 6Os TLD, உதாரணமாக, KHTML> KHEAD LINES </TITLED </HEAD) <BODY> KHR> KHR WIDTH=7 O> KHR WIDTH= 6O ;; > KHR WIDTH= 5 Og » KHIR WIDTH="7 O> KHR WIDTH=le 6 O> KHR WIDTH= 5 O> </BODY> </HTML> என்று கொடுத்தால் படம் 16 இல் உள்ளவாறு தோன்றும். uns. Microsoft internet Explore Ele Ed view.go favore Help as ':' : ': { '*'], ';'; (.းနှီဖွံ့ ?...ီ - pဒါး၊ ဒွါဇီး.. မြို့ ငှါဒွါး၊ .. ဒါ့ C.WINDOws\Desktop'MHTM 코 그 j kiy Congre * * * * * * * * * TT LuLb 16 இதில் வீத (%) அளவுகளில் கொடுத்தால், உலவித்திரையின் அளவுகளுக்கு ஏற்ப கிடைக்கோட் டின் நீளம் மாறிக் கொண்டிருக்கும். இந்நூலில் ஆவணம் என்று குறிப்பிடப்படுபவை ஒரு எச் ரிஎம்எல் "டொக் கியூ மெண்ட் என்பதைக் கவ னத்தில் கொள்ளவும். </pre> <hr> <pre> Page 13 பின்னணியில் வர்ணங்கள், ஒரு ஆவணத்திலுள்ள உரைப் LЈgђguЈТ6ogo kВОDY», k/BODY> என்னும் இரு குறிப்புக்களுக்கிடையே எழுதப்படும் என்பதை முன்னர் பார்த் தோம். இக்குறிப்புடன் கூடவே திரை யின் பின்னணி வர்ணம், எழுத்துக் களின் வர்ணம், பின்னணியில் தெரி யும் படம் போன்றவற்றையும் குறிப் Lillolorfb. பின்னணி வர்ணங்களை இரண்டு வழிகளில் கொடுக்கலாம். ஒன்று, வர் ணத்தின் RGB மதிப்புக்களைக் கொடுக்கலாம். கணினித்திரை ஒன்றில் தோன்றும் எல்லா வர்ணங்களும் சிவ ப்பு (Red), பச்சை (Green), நீலம் (Blue) என்ற மூன்று அடிப்படை வர் ணங்களிலிருந்து உருவாக்கப்படு கிறது. இது 0 முதல் 255 வரையில் காணப்படும். 0 என்பது அந்த வர்ணம் இல்லையென்பதையும், 255 என்பது அந்த வர்ணம் முழு அளவில் உள்ள தென்பதையும் குறிக்கும். 125 என்பது அந்த வர்ணம் முழு அளவின் சரி பாதி அளவிலுள்ளதைக் குறிக்கும். சிவப்பையும் பச்சையையும் முழு அளவில் கலந்தால் அது மஞ்சள் நிறத்தை உருவாக்கும். சிவப்பு, பச்சை, நீல வர்ணங்களின் மதிப்புக் களை வரிசையாகப் பதின் அறும (yp60oB (Hexa decimal) uî6ù (35óŮ பிடவேண்டும். (பதின் அறும முறை யில் 00 என்பது பூச்சியத்தையும், FF என்பது 255 ஐயும் குறிக்கின்றன.) அப்படிக் குறிப்பிடும் போது #FF00 OO, #FFFFO O #FFFFFF 66ði படங்கள் பவை முறையே சிவப்பு, மஞ்சள் மற்றும் வெண்மையைக் குறிக்கின் றன. 000085 என்பது சற்று மங்கிய நீலத்தைக் குறிக்கின்றது. இவ்வாறு குறிப்பிடுவது கடினம் என்றால் இதற்குப் பதிலாக வர்ணங் களின் பெயர்களைக் குறிப்பிடலாம். இது இரண்டாவது வழியாகும். இன்றைய உலவிகளுக்கு 16 இற்கும் மேற்பட்ட நிறங்களின் பெயர் கள் தெரியும். 960)6]uj T6)6OT: கறுப்பு (Black), வெள்ளை (White), LDeb6ör (Maroon), fou'll (Red), 96.15T (Purple), Udb6gust (Fuchsia), LuėF60D3F (Green), 60D6Dub (Lime), 9656) (Olive), LD(6586it (Yellow), (3,565 (Navy), 56 Lib (Blue), fod (Teal), Olé6)JIT (Aqua), d)(3) (Gray), lîp660 (Brown), îB (Pink), (3) Gigg (Orange). திரையில் பின்னணி வர்ணம் சிவப்பில் இருக்கவேண்டுமாயின், அதனை, KBODY BGCOLOR= 'RED'> அல்லது <BODY BGCOLOR= \\ #FFOOOO'/> என்று குறிப்பிடவேண்டும். பின் னணி வர்ணத்தைக் குறிப்பிடாது விட் டால் அது உலவியை நிறுவும் போது தேர்ந்தெடுக்கப்பட்ட பின்னணி நிறத் தைப் பயன்படுத்தும். இது பொது வாக வெள்ளையாக இருக்கும். - 20 எழுத்துக்கள் எந்த நிறத்தில் தோன்ற வேண்டுமென்பதை, KBODY BGCOLOR=“BLUE " TEXT= YELLOW'> எனக் கொடுக்கலாம். இது நீல நிறத்திரையில் மஞ்சள் நிற எழுத்துக்களைக் காண்பிக்கும். இதனை விளங்கிக்கொள்ள சிறிய ஆவணமொன்றைக் கீழுள்ளவாறு தயார் செய்யுங்கள். KHTML> KHEAD) <TITLE>Color K/HEAD) என்று கொடுத்தால் படம் 18 இல் உள்ளவாறு தோன்றும். sBACK - Microsoft. Dx | Elle Edit Yew !" | ( . ) ack Fபward Sto essä cwINDowssD t * 8. s EMy Computer UŁub 18 Sigisi), Micro. GIF' 616örugs), Micro 61673 d5), (GIF) (85. Tj60)uds குறிக்கும். இவ்வாறு கணினியிலுள்ள UL55.35|T607 (335|TL (Picture File) களில் ஏதாவது ஒன்றைக் கொடுக்க லாம். இவை திரையின் பின்னணியில் பயன்படுத்தப்படும். உதாரணமாக: JPG, GIF கோப்புகள் - 21 -

Page 14
எழுத்துக்களை மாற்றியமைத்தல்
எழுத்துக்களின் அளவை மட்டு மல்ல அவற்றின் நிறத்தையும், அவை எந்த எழுத்து வகையைச் சேர்ந்தது என்பதையும் மாற்றியமைக்க முடியும். இதற்கு,  என்ற குறிப்பைப் பயன்படுத்தலாம்.
இக்குறிப்புடன் எழுத்தின் அளவு, நிறம், வகை ஆகிய மூன்று பண்பு களில் ஒன்றை அல்லது அதற்கு மேற்பட்டவற்றை ஒரே சமயத்தில் கொடுக்க முடியும்.
உதாரணமாக,
 LIME  is my favourite colour என்பது,
LIME is my favourite col'מou எனத் திரையில் காட்டும்.
அதில் லைம் (Lime) என்பது மட்டும் எலுமிச்சை நிறத்தில் தெரி யும். ஏனையவை ஏற்கனவே தெரிவு செய்யப்பட்ட நிறத்தில் இருக்கும்.
GLT6ón' 6036t) (FONT SIZE) என்பதில் ஒன்று முதல் ஏழு வரை யிலான அளவுகளில் எழுத்துக் களைத் திரையில் காண்பிக்க முடி պլb.
இதில் ஒன்று என்பது சிறிய எழுத் தளவையும், ஏழு என்பது பெரிய எழுத்தளவையும் குறிக்கும். டிஃ போல்ட் அளவு மூன்றாக இருக்கும்.
உதாரணமாக,
படம் 19 இல் உள்ளவாறு ரைப் செய்து அதை உலவியில் பார்த்தால், திரை படம் 20 இல் உள்ளவாறு தோன்றும்.
-CHTML-
KAHEAD> kBODYKFONT SIZE -CFONT SIZE gFONT SIZE 
K. Sample site of HTML Document>
KTITLEXNew HTML Document KTITLEx
"1"">- HAPPY BIRTH DAYKA' FONT> 
"2">HAPPY BIRTH DAY-CFONTY KBR> "" 4 "">- HAPPY BIRTH DAYKA' FONT>-KBIR>- 19 s - 22 e) C:\Project2.HTM HAPPY BRTHD HAPPY BIRTH DAY HAPPY BIRTH DAY 그」 E. My Computer 2 LJLib 20 எழுத்து வகையொன்றினைத் தேர்ந் தெடுப்பதற்கு, இவ்வாறு கொடுக்க வேண்டும். Enternet Si6) FONT FACE (S6) Arial என்பதற்குப் பதிலாக வேறு ஆங்கில / தமிழ் எழுத்துரு (Font) ஐக் கொடுக்க முடியும். * Internet" 6T6ðLug5s3G5' uga லாக விரும்பிய சொல்லையோ, சொற் றொடரையோ கொடுக்கலாம். பல உலவிகள், சாதாரணமாகப் பயன் படும் எல்லா எழுத்து வகைகளையும் காட்டும் திறன் கொண்டவை. அந்த உலவியால் காட்ட முடி யாத அல்லது கணினியில் இல்லாத ஒரு எழுத்துருவினைக் கொடுத்தால், உலவிகள் அதற்குப் பதிலாக டிஃ போல்டான (Default) எழுத்தைப் பயன்படுத்தும். மேற்கூறிய மூன்று பண்புகளையும் ஒரே சமயத்தில் மாற் றும் ஓர் உதாரணம் கீழே தரப்பட் டுள்ளது. Welcome, K/BIG> 67653 (G5ớÜLÜ UJuJ6öTU(6)gö தப்படும். உதாரணமாக, KBIG> Information Technology , என்ற குறிப்புப் பயன்படும். உதாரணமாக, இந்த குறிப்புக்களை ஆவண மொன்றில் எழுதினால் படம் 21 இல் உள்ளவாறு தோன்றும். Information Technology Network - 23

Page 15
படங்களைச் சேர்த்தல்
இணையப் பக்கமொன்றில் படங் கள் (Image) ஐ இரண்டு விதமாகப் போடுவதன் மூலம் அழகுபடுத்த 6) Th.
அவை, இன்ரேனல் இமேஜ் (Internal Image), 6TË56MdGBJ60T6ò @8LDg (External Image) 6T6őTLJ60D6JuTg5b. இதில் gif, jpg வகை கோப்புப் படங்களைப் பயன்படுத்தலாம்.
படங்களைச் சேர்க்க IMG என்ற குறிப்பில் SRC என்னும் பண்பினைக் கொடுக்க வேண்டும்.
இதில் IMG என்பது இமேஜ் (Image) gub, SRC 616trug) (8 FITT6) (Source) ஐயும் குறிக்கின்றது. சோர்ஸ் என்பது படம் உள்ள இடத் தைக் குறிக்கின்றது.
உதாரணமாக,
KHTML>
KHEAD)

This is my first attempt </TITLED
</HEAD)
<BODY>
<H1> My computer K/H1) <IMG SRC = 'computer.jpg'> </BODY>
</HTML) என்பது படம் 22 இல் உள்ளவாறு தோன்றும்.
this is my first attempt - M. ox jle Edit View Go Fawo • | 4ği,
......... Back ix Forward Stops Reft: | Åddress. 钜 C:\My computer.htm Z
My computer
இத்துடன் பெரும்பாலும் படங்களு L61 ALT, ALIGN 6T6örgi S(5 பண்புகள் குறிப்பிடப்படும்.
ALIGN 6163rg)b J60iiu, UL3605 இடது பக்கமாக (Left), வலது பக்க LDITSE (Right), (8 DBuddbLDIT85 (Up), கீழ்ப்பக்கமாக (Bottom), அல்லது மத்தியில் (Middle) வைப்பதற்குப் பயன்படும் பண்பாகும்.
Sigsbg, IMG SRC L65 ALI GN= LEFT / ALIGN= RIGHT / ALIGN= MIDDLE / ALIGN= BOTTOM / ALIGN= UP 6T63rg கொடுக்க வேண்டும்.
உதாரணமாக, முதல் உதாரணத் தில் TMG SRC என்பதில் இதிலுள்ள வாறு கொடுத்தால்,
- 24
 
 
 
 
 
 

s This is my first attempt Microsof
internet Explorer
Back Fonard Stop
Eile Edit View Go Favorites Help
Refresh Home
jAddiesse C:\My computer.htm
My computer
. |- 凰 My Computer Z;
23 This is my first at. six KIMG SRC= Computer.jpg" F-FF ALIGN-wRIGHT vs. | Elle Edie View ( o sig KIMG SRC= Computer.jpg" ) - (3) ALIGN="BOTTOM">
Address
ëscomputer1.htm e
-
My Computer
EMy Computer
LLb 24
அவை முறையே படம் 23, 24 என்பவற்றில் உள்ளவாறு தோன்றும். நீங்கள் சேர்க்கும் படங்களின் அளவுகளையும் நிர்ணயிக்க முடியும். 35ig, HEIGHT, WIDTH 6T6óigib பண்புகளைக் கொடுக்கலாம். இதை ஒரு உதாரணம் மூலம் பார்ப்போம்.
KHTML>
KBODY>
This is Nallur KIMG SRC=Nallur.jpg'> </BODY) </HTML)
۔ 25 ۔۔
</pre>
<hr>
<pre>
Page 16
என்பது படம் 25 இல் உள்ளவாறு 西
இதே படத்திற்கு அளவைக் குறிப்பிடும் போது,
<IMG SRC= ''Nallur ... jpg" Height=180 Width=150 எனக் கொடுத்தால் படம் 26 இல் உள்ளவாறு தோன்றும்.
ALT என்ற பண்பு மூலம் சில இணையத்தளங்களில் அந்தப் படங் களுக்குரிய இடங்களில் சொற்கள் தோன்றும்படி செய்திருப்பார்கள். என்ன படம் தோன்றப் போகிறது என்பதைத் தெரிவிப்பதற்காகவே இந்த ஏற்பாடாகும்.
பழைய உலவிகளில் இணையத் தளங்களைத் திறந்து பார்க்கும் போது எழுத்துக்களை மட்டுமே வெளி யீடாகக் கொடுக்கும். படங்களைக் காட்டாது.
எனவே, ALT பண்பில் எதையும் கொடுக்கவில்லை என்றால் அந்த இடம் அர்த்தமில்லாத வெற்றிட மாகத் தோன்றும்.
இதற்காகவும் ALT என்ற பண்பில் சொற்களைக் கொடுப்பது வழக்கம். இந்த ALT பண்பைப் பின்வரு மாறு கொடுக்கலாம். KIMG SRC=Nallur.jpg' ALT = \\ P i Cture Of Natur "/>
CAeliu.html. Microsoft internet Explore
This is Nallur
Picture of Nallu
- 26
 
 
 
 
 
 

படங்களுக்கு அதிக நினைவகம் தேவையென்பதால் அவற்றைக் கணி னிக்குக் கொண்டுவர அதிக நேர மாகும். காத்திருக்கும் நேரத்தினைக் குறைக்க, பல சமயங்களில் படங் களைத் தவிர்த்து மற்றையதைப் பார்ப்பது வழக்கம்.
இவ்வாறு படங்களைத் தவிர்ப் பதற்காக செட்டிங் கொடுக்கப்பட்டி ருந்தால், அல்லது பழைய உலவி களில் இதைப் பார்வையிட்டால் படம் 27 இல் உள்ளவாறு தோன்றும்.
அவ்வேளையில் கணினித்திரை uob Lģģib35 goTE, ALT (Alternative) என்ற பண்பில் கொடுக்கப்
பட்ட ஒரு சொல்லோ, சொற்றொடரோ திரையில் தோன்றும். இதையே படத்துடன் பார்க்கும் போது, அந்தப் படத்தின் மீது மவுஸ் பொயிண்டரை 606155T6) "Picture of Nallur" 616ip தோன்றும்.
இது படம் 28 இல் உள்ளவாறு காட்சியளிக்கும்.
இப்படத்தைச் சுற்றி போடர் (Border) 3g GuITL Border 66ög3 L160ösi பைப் பயன்படுத்தலாம்.
உதாரணமாக, KIMG SRC= “Nallur. jpg” BOC Cer="2">
இது படம் 29 இல் உள்ளவாறு தோன்றும்.
s CANashtml M. మయ
LЈLib 29
Border இன் தடிப்பை இதில் விரும்பிய அளவுகளில் கொடுக்க 6)TLb.
- 27
</pre>
<hr>
<pre>
Page 17
படங்களை நகரச் செய்தல்
இணையப் பக்கங்களில் எழுத் துக்கள் நகர்ந்து செல்வதைப் பார்த் திருப்பீர்கள். இதற்கு <MARQUEE>, என்ற குறிப்புப் பயன்படுத்தப்படும்.
உதாரணமாக, <MARQUEED Designed by me K/MARQUEED
என்பதிலுள்ள ரெக்ஸ்ட் திரையின் வலப்பக்கத்திலிருந்து இடப்பக்கமாக நகர்ந்து கொண்டே இருக்கும். இந்தக் குறிப்பு இன்டர்நெட் எக்ஸ்புளோரர் (Internet Explorer) Q6Ö LDL (6)(31D தொழிற்படும்.
இந்தக் குறிப்புடன் நகரும் வரி யின் பின்னணி வர்ணத்தையும், அது நகரும் திசையையும் குறிப்பிட முடி uqub. 95i385 BGCOLOR, DIRECTION 6T669) b SJ606 (6 U605 களைப் பயன்படுத்தலாம். இதில் எந் தத் திசையை நோக்கி நகர வேண் டும் என்பதைக் குறிப்பிட வேண்டும்.
உதாரணமாக, <MARQUEE BGCOLOR=“Green” DIRECTION= Right"> Mohan </MARQUEE> என்பது பச்சை நிறப்பின்னணியில் எழுத்துக்கள் இடமிருந்து வலமாக நகர்ந்து கொண்டிருக்கும்.
இந்தக் குறிப்புக்குள்ளேயே எழுத் தின் அளவைத் தேர்ந்தெடுக்கும் குறிப்பினையும் கொடுக்க முடியும்.
உதாரணமாக,
KMAROUEE> <FONT COLOR=''Blue' SZE=
6'> By Mohan </MARQUEE> இவ்வுதாரணங்கள் இன்டர்நெட் எக்ஸ்புளோரரில் கீழுள்ளவாறு தோன்
ëMARQUE - Micro.
Edit view
Address 钴 WGod.htm w
Desi
Links
스
ed by me
By Mohan
ニ」
EMy Computer ޙަޗ
எச்ரிஎம்எல்லில் பல படங்களை ஓடவிட்டும் பார்க்க முடியும். இதற்கு,
<MAROUEE> KIMG SRC= '' Fiename '> KIMG SRC= \Filename /> . . . </MARQUEED என்று எழுத வேண்டும்.
இதேபோல பல படங்களை KIMG SRC= . . . > 96b 05T(665 முடியும், படங்களை ஒவ்வொரு கோப்பாகத் திறந்து மூடிக் காட்டு வதை விட இவ்வாறு செய்வதன் மூலம் பல படங்களைத் திரைப்படம் போல் ஓட விட முடியும். இவை திரையில் அழகாகக் காட்சியளிக் கும்.
- 28.
 
 
 
 
 
 

ஒலிகளைச் சேர்த்தல்
நீங்கள் தயாரித்துள்ள ஆவண மொன்றில் ஒலிக்கான கோப்பினைச் சேர்ப்பதற்கு
O <BGSOUND)
KEMBED>
ஆகிய குறிப்புக்கள் பயன்படும்.
ஒலிக்கான கோப்புக்களை கணினி யிலிருந்தோ அல்லது இணையத்தி 6ô(Ibi(35T (http://www.webplaces. c ( ?}/html/SoundS/htm) QLuñ giö கொள்ள முடியும். ஒலிக்கான கோப் புக்கள் பொதுவாக Wav, .au, .mid போன்ற எக்ஸ்ரென்ஷன்களில் காணப் படும்.
<BGSOUNDD 616öri (53L S6i டர்நெட் எக்ஸ்புளோரரில் மட்டும் தான் தொழிற்படும். இதைக் கீழுள்ளவாறு எழுதலாம்.
KBGSOUND SRC='Sound, mid'> இக்குறிப்புக்கு இணைக்குறிப்பு இல்லை.
நெட்ஸ்கேப் நெவிகேட்டரில் ஒலிக் கான கோப்பைச் செயற்படுத்த (EMBED> 6T6ÖTAB (5ĝÜLÜ LJUJ6öILI(Bb.
உதாரணமாக, KEMBEED SRC=YʻVO i. Ce . Imi Cʼ > என்று கொடுக்கலாம்.
இக்குறிப்பின் இணைக்குறிப்பு </EMBED) sig5ib.
இந்தக் கோப்புக்கள் எத்தனை முறை அடுத்தடுத்து ஒலிக்க வேண் டுமென்பதை, LOOP என்ற பண்பில் கொடுக்க வேண்டும்.
இன்டர்நெட் எக்ஸ்புளோரரில், <BGSOUND SRC= 'Sound wav' LOOP= 3’ > 6T6örb,
நெட்ஸ்கேப் நெவிகேட்டரில், KEMBED SRC= Y^VO i C e , mid" LOOP="3"> 616 gib (oањп(Бфањ60Tib.
(S56)|L6 Auto Start = \true" என்று கொடுப்பதன் மூலம் இணையத்தளம் இயங்கியவுடன் கோப்பைச் செயற்படுத்த முடியும்.
உதாரணமாக, <BGSOUND SRC=Song. mid' Autostart=true'> <EMBED SRC= Song. mid' Autostart=true'>
இதிலுள்ள குறிப்புக்களையும், பண்புகளையும் குறிக்கும் உதாரணங் களை, நீங்கள் முதலில் செய்த ஆவணத்தில் மாற்றங்களைச் செய் வதன் மூலம் செயற்படுத்திப் பார்க்க 6b.
ஏற்கனவே திறந்துள்ள ஆவணத் தில் மாற்றங்களைச் செய்வதற்கு இன்டர்நெட் எக்ஸ்புளோரரில் வியூ (View) (S6) (8 FITT6m) (Source) 666 பதைத் தெரிவு செய்வதன் மூலம் நோட்பேட்டைத் திறந்து, மாற்றங் களைச் செய்யலாம் என்பதை முன் னர் பார்த்தோம்.
இம்மாற்றத்தினை, திரையில் பார்க்கவேண்டுமானால், ரிஃபிறவழ் (Refresh) g 96)6Ogil F5 d560)u அழுத்திப் பார்க்கவும்.
- 29
</pre>
<hr>
<pre>
Page 18
இடைவெளிகளை ஏற்படுத்துதல்
எச்ரிஎம்எல் ஆவணமொன்றை அழகுபடுத்த உதவும் முக்கியமான குறிப்பு <PRE> ஆகும். இதன் இணைக்குறிப்பு </PRE> என்பதா கும். “Preserve’ என்பதன் சுருக்கமே “PRE e.g5b.
பொதுவாக, எச்ரிஎம்எல் ஆவண மொன்றைத் தயாரிக்கும் போது, 6T600TLIT (Enter), Ji (Tab), 6)(3L6) பார் (Spacebar) போன்ற கீக்களைப் பயன்படுத்தி இடைவெளிகளை ஏற் படுத்த முடியாது.
இவற்றைத் தவிர்த்து அக்குறிப் பிட்ட கீக்களின் மூலம் இடைவெளி களை ஏற்படுத்துவதற்காகவே இந் தக் குறிப்புப் பயன்படுத்தப்படுகிறது. இந்தக் குறிப்பை உதாரணம் மூலம் பார்ப்பதற்கு கீழே உள்ளவாறு நோட்பேட்டில் ரைப் செய்து, விரும் பிய பெயரைக் கொடுத்து எச்ரிஎம்
Results sheet | Mies Interne Explore ۵نینتنتن سنننن کنتیننتد اندنشینندن دن
எல் கோப்பாகச் சேமியுங்கள்.
KHTML>
<HEAD)
<TITLED Results Sheet </TITLED
</HEAD)
KBODYX
<B> JAFFNA HINDU COLLEGE </B)
KU>Subject Grade </U>
Tamil D
Maths - D
English D Science D
SOCial Studies D
Music C
COrnitherCe C
</BODY)
</HTML)
Commerce C
JAFFNA HINDU COLLEGE Subiect Grade Tamil D Maths DEnglish.D Science D Social Studies DMusic C
 
 
 
 
 
 
 
 
 
 

இதனை இன்டர்நெட் எக்ஸ்புளோர ரில் இயக்கிப் பாருங்கள் (படம் 30). இப்போது வியூ (View) சோர்ஸ் (Source) 9D6IIL (T8E5 (35|TLʻ(8uLʻ60)Lğ5 திறந்து < PRE></PRE> என்ற குறிப்பைக் கீழுள்ளவாறு மாற்றம் செய்யுங்கள்.
(முக்கிய குறிப்பு ; உடல் (BODY) பகுதிக்குள் <PRE> </PRE> என் னும் குறிப்புக்களை ரைப் செய்யுங்கள்)
KHTML>
<HEAD)
<TITLED Results Sheet </TITLED K/HEAD)
KBODYX
KPRE>
<B) JAFFNA HINDU COLLEGE </B)
KU> Subject Grade </UD
Tamil D
Maths
English C
Science D
Social Studies D
Music C
COmmerCe C
</PRED
</BODY)
</HTML)
நோட்பேட்டைச் சேமித்து இன் டர்நெட் எக்ஸ்புளோரரை ரீஃபிரஷ் (F5) செய்யுங்கள். இப்போது நீங்கள் ரைப் செய்ததைப் போல இடை வெளிகளுடன் புதிய பக்கம், படம் 31 இல் உள்ளவாறு தோன்றும்.
s Results Sheet - Microsoft Interne xplorer IX
Ele Edit view Favorites Iools Help
రX སྦྱ་ཤ་ཅ༠༠ 3. * y 3 :) ”
*ុណ្ណេះ Stop Refresh
Jaffna Hindu College Subiect Grade
“Tamil I
Mating D English C Science D Social Studi seg D Euasic
CCTulerc se
Done T T. E. My Computer
ULf, 31
</pre>
<hr>
<pre>
Page 19
பட்டியல்களை உருவாக்குதல்
பல தகவல்களை ஒன்றன் கீழ் ஒன்றாக பட்டியலிட்டுக் காட்டுவதற்கு எம்எஸ் வேர்ட்டில் புளட்ஸ் அன்ட் Blburfiti (Bullets and Numbering) ஐப் பயன்படுத்துவது போல எச்ரிஎம் எல்லில் மூன்று பட்டியல் (List) களை உருவாக்கலாம்.
அவையாவன, 9 6 floo)3 LJ'Lquj6) (Ordered List) 3ே வரிசைப்படுத்தப்படாத பட்டியல்
(Unordered List) 3ே வரையறைப் பட்டியல்
(Definition List)
வரிசைப் பட்டியல் (Ordered List)
தகவல்களுக்கு முன்னால் 1, 2, 3. போன்ற எண்களை அல்லது i, i, i. / I, II, III. போன்ற உரோமன் எண்களை அல்லது ஆங்கில எழுத் gld,356D6m (A, B, C... / a, b, c...) போடுவதற்கு இது பயன்படும். இது எம்எஸ் வேர்ட்டில் எண்ணிடலை (Numbering) (95535).
பட்டியலில் உள்ள தகவல்கள் 6T6ö6\DITtb <OL> LDi3OBILb </OL> 6T6ör னும் குறிப்புக்களுக்கிடையில் இரு க்க வேண்டும்.
ஒவ்வொரு தகவலுக்கு முன்னா லும் <11> எனும் குறிப்பு இருக்க வேண்டும்.
உதாரணமாக, KOL> <LI> Memory
KLT > Network <LI> Database
</OLY 6166tugs),
1. Memory 2. Network 3. Database எனக் கணினித்திரையில் தெரியும்.
இங்கே எந்தவகையில் எண்ணிட வேண்டுமெனக் குறிப்பிடாததால், 1, 2, 3. என்று எடுத்துக் கொள்ளும். ரைப் (Type) என்னும் பண்பின் மூலம் நீங்கள் விரும்பியவாறு எண் ணிட முடியும். இந்தப் பண்பு <OL> என்ற குறிப்புடன் கொடுக்கப்பட வேண்டும். இந்தப் பண்பின் மதிப்பு கள் சில:
TYPE = “1” 1, 2, 3........ TYPE= “A” A, B, C,....... TYPE = “a” a, b, c........ TYPE = “I” I, II, III........ TYPE = “i” i, ii, iii........
எண்கள் எதிலிருந்து ஆரம்பிக்க வேண்டுமென்பதையும் இதில் குறிப் ւմlւ (ՄԼգպլb,
உதாரணமாக, <OL TYPE=v' START = 5'> என்று கொடுத்தால், 5 என்ற எண் ணிலிருந்து ஆரம்பிக்கும்.
வரிசைப்பட்டியல் என்பது வரி சைப்படுத்தப்பட்டது என்று பொருள் படும். இது அகரவரிசை என்ற பொரு ளைக் குறிக்கவில்லை.
.. 32 ܘܢ

வரிசைப்படுத்தாப் பட்டியல் (Unordered List) இதன் மூலம் வட்டமான அல்லது சதுரமான பொட்டு (Bullet) களை தகவல்களுக்கு இடலாம். இது எம் எஸ் வேர்ட்டில் பொட்டு (Bullet) களை உருவாக்குவதை ஒத்தது.
உதாரணமாக,
KUL> <LI> Digital KII > ACCe SS KILI > Language
</UL> 6T6óTLugs),
O Digital O Access 9 Language 67653 Gigsful.
இங்கு பொட்டின் வகையைத் தெரிவு செய்யாததால் சாதாரண பொட்டாக (Disc) எடுத்துக்கொள் ளும். விரும்பிய பொட்டு ஒன்றைக் கொடுப்பதற்கு வரிசைப்பட்டியலில் கூறியது போல் ரைப் என்ற பண்பில் இதையும் கொடுக்க வேண்டும்.
ரைப் என்ற பண்பில் நிரம்பிய வட்டத்திற்கு "Disc” என்றும், வட்டக் கோட்டிற்கு “Circle” எனறும், சது ரத்திற்கு “Square” என்றும் கொடுக் கப்பட வேண்டும்.
வரையறைப் பட்டியல் (Definition List)
ஒவ்வொரு தகவலையும் அது என்னவென்று வரையறுத்துக் கூற உதவுவது வரையறைப் பட்டியலா கும். அதில் தகவல்கள் (DL) மற் றும் </DL> என்ற குறிப்புக்களுக்
கிடையே வரவேண்டும். ஒவ்வொரு தகவலும் <DT> என்ற குறிப்பினை அடுத்தும், ஒவ்வொரு வரையறையும் <DD> என்ற குறிப்பினை அடுத்தும் 6JJ (86.60ÖT(Gub. KDT>, <IDD> 6T6ÖTAB குறிப்புக்களுக்கு இணைக்குறிப்புக் 356ft 36,0606). DL, DD, DT 6T66 LJ60D6 (p60oB(Bulu Definition List, Definition Data, Definition Term என்பவற்றின் சுருக்கங்களாகும்.
இதற்கான உதாரணத்தைப் பார்ப் (8LuTub.
KDL> <DT> Dir KDD> MS - DOS COmmand used to display the contents Of a di Sk . <DT) Copy KIDD> MS — DOS COmmand uSed to make a duplicate Copy Of files.
KDT> Del <IDD> MS - DOS COmmand used to delete files. </DL)
என்பது,
Dir MS - DOS COmmand u Sed to display the contents of a di Sk. Copy MS-DOS COmmand used to make a duplicate Copy of files. Del MS - DOS COmmand u Sed to delete files. எனக் கணினித்திரையில் தோன்றும்.
</pre>
<hr>
<pre>
Page 20
இணைப்புக்களை ஏற்படுத்துதல்
எச்ரிஎம்எல்லின் முக்கிய பண்பு, அதில் ஓரிடத்திலிருந்து இன்னொரு இடத்திற்குத் தாவிச் செல்லலாம். ஒரு உரை அல்லது படத்திற்கும் கூடத் தாவலாம். அது அதே கணினி யிலோ அல்லது வலையில் எங்கு வேண்டுமானாலோ இருக்கலாம். வலையில் இருக்கும் பக்கத்திற்குத் தாவ இணைய இணைப்புத் தேவை.
நங்கூரக்குறிப்பு (Anchor Tag)
இணைப்புக்களை ஏற்படுத்த A (Anchor) எனும் குறிப்பு உள்ளது. இதில் HREF என்னும் பண்பு, தேவை யான கோப்பின் முழுப் பெயரையும் அதாவது வழித்தடம் (Path) ஐயும் பெயரையும் குறிக்கின்றது. எந்தச் சொற்களின் மீது கிளிக் செய்து புதிய இடத்திற்குத் தாவமுடியுமோ அந்தச் GFITb356061T HREF (Hyper Reference) என்ற பண்பை அடுத்துக் கொடுக்க வேண்டும். இந்தச் சொற் கள் சாதாரணமாக அடிக்கோடுடன் நீலநிறத்தில் காட்டப்படும்.
இவ்வாறு இணையப் பக்கங் களில் உருவாக்கப்படும் இணைப்பு களை (Links) இரண்டு வகைப்படுத் தலாம்.
0 உள்ளக இணைப்பு
(Internal Link) 9 வெளியக இணைப்பு (External Link)
உள்ளக இணைப்பு இரண்டு
வகைப்படும்.
ஒன்று, இணைப்பை அதே ஆவ ணத்தில் ஏற்படுத்தல், மற்றையது, அதே சேவரில் உள்ள வெவ்வேறு பக்கங்களில் இணைப்பை ஏற்படுத் தல்.
உதாரணமாக, ஒரே கணினியில் உள்ள இன்னொரு பக்கத்துக்கான இணைப்பை, <A HREF= '' File name. extens - ion"> Link Text </A> 6763 BI 6T(gg5 (IքLգեւյլb,
வெளியக இணைப்பு என்பது, வெவ்வேறு சேவர்களில் உள்ள பக் கங்களுக்கு இணைப்பை ஏற்படுத்து வதாகும். இந்த இணைப்பைப் பார் வையிட இணையத் தொடர்பு அவ சியமாகும். இணைப்புக்களை ஏற் படுத்தும் சில உதாரணங்களை இதில் பார்ப்போம்.
O ஒரே ஃபோல்டரில் இருக்கும் இன்னொரு கோப்புக்குத் தாவ முத லில், ஒரு கோப்பினைக் கீழுள்ளவாறு 61(ggi, 9605 WelcomeLink. html என்ற பெயரில் சேமிக்க வேண்டும். KHTML>
<HEAD) <TITLE> Link </TITLED </HEAD) KBODY> You have reached here by clicking on the link in \WelCOme.html.' </BODY> </HTMLD
- 34

Lf6ői Welcome.html 6T 6 AB கோப்பை பின்வருமாறு தயார் செய்து கொள்ளவேண்டும்.
KHTML>
KHEAD)
KTITILEX WelCOme link
</TITLES </HEADD
<BODY>
This page has a link to another page called 'Wel comeLink. html" in the sa
me folder. To use the link
KA H.REF = \ Wel COme Link.
html. '> Click Here
</A>
</BODY>
</HTML)
இது திரையில் படம் 32 இல்
உள்ளது போல் காட்சியளிக்கும்.
படமொன்றிற்கு இணைப்பை ஏற்
ä Welc
Ele, Edit yi
படுத்துவதற்கு இவ்வாறு எழுதலாம்.
KHTML>
kHEAD)
KTITLE> Link to an image
</TITLED
</HEAD)
<BODY>
<A HREF= Group.jpg'>
Click Here
</A>
To see my office
K/BODY>
</HTML)
இது திரையில் படம் 33 இல்
உள்ளவாறு காட்சியளிக்கும். C1ick
Here என்பதைக் கிளிக் செய்தால்
படம் 34 இல் உள்ளவாறு கணினி
படத்தைக் காட்டும்.
Sg56), Click Here 6T6trugs)
நீல நிறத்தில் காட்டப்படும். இந்
bp3605 LINK, ALINK, VLINK
This page has a link to another page called "Jeel CO 62L, link ... htlll ' i the B a the fo l Ce .. To
</pre>
<hr>
<pre>
Page 21
s Link to an image - Microsoft internet Explore
Address 陌 C:\office.htm
| Elle Edit View Favorites Iools Help
& | 8] 3 ܇ ܀= | ܢܪܢ |
Back : بانتومبیل Stop Refresh Home Search,
| sc |ure ||
g Done
til i - to see rry Office
그피 الب.
- 皇 My Computer - - - --------- a-- a .
LILLD 33
Cwcomputen pg. Microsoft internet Explore
Ele Edit yiew Go Favorites. He
. . . . . . (i. | Šack ፲፥፥፯**::ጛ Stop. Refresh. Horne. Search Fa į Addsss 陋 C:\computer1.jpg t
என்னும் பண்புகள் மூலம் மாற்றலாம். லிங்க் நிறத்தை பச்சை நிறத்தில் 35[TLL <BODY LINK = Y GREEN"> என்று எழுத வேண்டும்.
GiffaÔIrudis (VLINK) ஒரு இணைப்புச் சொல்லைப் பயன்படுத்தி, அதன் மூலம் நாம் ஏற்கனவே அதன் தொடர்புடைய இடத்தினைப் பார்த்திருந்தால், அதை எங்களுக்கு நினைவூட்ட இப்பண்பு
uu6öTL(SLb.
இந்த நிறத்தையும் விரும்பிய வாறு மாற்றிக் கொள்ளலாம்.
உதாரணமாக,
KBODY VLINK=\GREEN">
என்பது இந்த நிறத்தைப் பச்சை யாக்கும். இதில் V என்பது Visited என்பதைக் குறிக்கும்.
Gj6Siriuds (ALINK) இயங்கு இணைப்பு (Active Link) என்பதன் சுருக்கமே ALINK ஆகும். மவுஸை ஒரு இணைப்புச் சொல்லின் மீது நிறுத்தும் போது அந்த இணைப்பு இயங்கு இணைப்பு எனப்படும். இன்டர்நெட் எக்ஸ்புளோர ரும், நெட்ஸ்கேப் நெவிகேட்டரும் இயங்கு இணைப்பைச் சாதாரணமாக சிவப்பு நிறத்தில் காட்டும். இந்த நிறத்தையும் மாற்றிக் கொள்ளலாம்.
உதாரணமாக, <BODY AILINK=\ORANGE "> என்பது, இயங்கு இணைப்பை (AL
- 36
 
 

TNK) ஒரேன்ஜ் நிறத்தில் காட்டும்.
படம் 32 இல் இணைப்புச் சொல் லின் மீது மவுஸை வைத்தால் அது சுட்டுவிரல் வடிவாக மாறி அங்கு ஒரு இணைப்பு உள்ளதைக் காட்டும். அதன் மீது கிளிக் செய்தால், படம் 35 தோன்றும்.
JAddresse C: 'welcome Link. 그
you have reached here A by clicking on the link in لس۔
"Welcome.html" 그 型 My Computer ൾ ULLb 35
View Go
| Elle Edit
eLinked Document - Microsoft internet Explorer
Favorites Help
இந்த ஆவணத்திலிருந்து மீண் டும் பழைய ஆவணத்திற்குச் செல்ல, இந்த ஆவணத்தின் (WelcomeLink.htm) Liugig, <BODY > 2g இவ்வாறு மாற்றவேண்டும். You have reached here by Clicking on the link in
Wel COme.htm''
KBR>
KBR>
To return click on
KA HREF= Y We C Orne . html">
HOme
</A>
இந்தப் பக்கம் படம் 36 இல் உள்ளது போல் காட்சியளிக்கும்.
இதில் Home என்பதைக் கிளிக் செய்தால் பழைய ஆவணத்திற்குச் செல்லலாம்.
打一
Addresse C welcome Link.html
"Welcome.html"
To return Click on Home
(3) is a G. 3 & E. E. A
you have reached here by clicking on the link in
皇 My Computer AAAASAAAAAALAALLLLLALALLL SAAA AAALLLLLLLS ELA SLS SLALLASq LSAS SqqSLSSASSASSArrSAALALALLS
ਦਾ
Α
uLLb 36
- 37.
</pre>
<hr>
<pre>
Page 22
மின்னஞ்சல் முகவரிக்கு இணைப்பு
மின்னஞ்சல் முகவரியொன்றுக்கு இணைப்பை ஏற்படுத்த <A> என்ற குறிப்பைப் பயன்படுத்த முடியும்.
இதற்கு mailto: என்பதுடன் நீங்கள் விரும்பும் மின்னஞ்சல் முக வரியைக் கொடுக்கலாம்.
உதாரணமாக,
KHTML>
KHEAD)
<TITLED Comments </TITLED </HEAD)
<BODY>
<A HREF=mailto:navamohanV (a)hotmail.com"> To send your comments </A>
</BODY). </HTMLD
இது படம் 37 இல் உள்ளவாறு தோன்றும்.
இணைப்பைக் கிளிக் செய்தால் மின்னஞ்சலை ரைப் செய்வதற்கான புதிய விண்டோ (படம் 38) தோன்றும்.
inst Forna Idols corpose Hes.
*。接 f : * : " : ".
ULLD 38
956) To: 6T65ug56), mailto: என்பதில் கொடுத்த மின்னஞ்சல் முகவரி தோன்றும். தேவையான வற்றை ரைப் செய்து விட்டு, "Send” ஐக் கிளிக் செய்வதன் மூலம் இலகு வாக மின்னஞ்சல் ஒன்றை அனுப்ப (լքլգԱվլն.
�ܲܡܠܐ ܢܐܲܢ Back Forward
|Addressé) C:\Email.html
...so v... ss....... . . . . . . .sr. ...rs.......a...y
To Send Your comments
LILLb 37
س. 38 سه
 
 
 
 
 
 
 
 
 
 

டெஸ்க்ரொப்பில் இருந்து இணைப்பு
ஒரு ஆவணத்தில் நண்பர்களின் மின்னஞ்சல் முகவரிகளை மட்டுமன்றி படங்கள், ரெக்ஸ்ட்கள் போன்றவற் றையும் போட்டு அதை டெஸ்க்ரொப் வோல்பேப்பள் (Walpaper) ஆக மாற்றி டெஸ்க்ரொப்பில் இருந்தே மின்னஞ் சலை அனுப்பக் கூடியவாறு செய்ய (Մ)ւգեւկլԻ.
விண்டோஸ் 98 உம் அதற்குப் பின் வந்த பதிப்புக்களும் எச்ரிஎம்எல் கோப்புக்களை வோல்பேப்பராகப் பயன்படுத்த அனுமதிக்கும்.
இதற்குக் கீழுள்ளவாறு ஆவண மொன்றைத் தயார் செய்து அதை wall.htm என்று சேமியுங்கள்.
KHTML>
<HEAD)
<TITLE
My Wallpaper </TITLED
</HEAD)
<BODY BACKGROUND='123. JPG'>
<A HREF=mail to : navamohanvGDhotmail.com"> To the Author
K/A>
KMAROUEE>
Welcome to my computer </MARQUEED
</BODY >
</HTML)
இந்தக் கோப்பை வோல்பேப்பராக மாற்றுங்கள்.
கோப்பு ஒன்றை வோல்பேப் பராக மாற்றுவதற்கு,
* டெஸ்க்ரொப்பில் ஐகன்கள் இல் லாத பகுதியில் மவுஸ் பொயின் டரை வைத்து ரைட் கிளிக் செய் யுங்கள்.
* கிடைக்கின்ற கொன்டக்ஸ்ற் (Context) GLDgQ66) (8 JITULO.6m) (Properties) என்பதைக் கிளிக் செய்யுங்கள்.
* Uddj660öri (Background) 6T66 பது அக்ரிவ் (Active) ஆக உள்ளவாறு, டிஸ்பிளே புரோப்ப o6mö (Display Properties) Lu லொக் பொக்ஸ் தோன்றும்.
* அதில் பிறவுஸ் (Browse) என்ப தைக் கிளிக் செய்து டெஸ்க் ரொப்பில் போட விரும்புகின்ற கோப்பைத் (wall.htm) தெரிவு செய்து ஒப்பின் (Open) ஐக் கிளிக் செய்யுங்கள்.
* டிஸ்பிளே புரோப்படீஸ் டயலொக் பொக்ஸில் அப்ளை (Apply) ஐக் கிளிக் செய்து ஒகே (OK) செய் யுங்கள்.
இப்போது, இணைய இணைப் பிருந்தால் நீங்கள் டெஸ்க்ரொப்பில் இருந்தவாறே மின்னஞ்சல் அனுப்ப (Մ)ւգեւյլն.
-- 39 س--
</pre>
<hr>
<pre>
Page 23
இணையத்துக்கு இணைப்பு
உங்கள் ஆவணத்திலிருந்து இணையப் பக்கமொன்றுக்குச் செல் வதற்குப் பின்வருமாறு எழுத வேண் டும்.
KHTML>
<HEAD)
<TITLED Link to a Web Page </TITLED </HEAD)
KBODY>
This document has a link to a site called '' excite
... COm'
<BR>
To see more information <A HREF=http: \\www.excite . Com"> Click Here K/A> </BODY) </HTML>
இதில், அந்த இணையப் பக்கத் தின் முழு முகவரியும் குறிப்பிடப் படவேண்டும். இது திரையில் படம் 39 இல் உள்ளவாறு தோன்றும்.
அதில், Cli
This document has a link to a site called "excite .com" To see more information
į 3 g:::::: ii: 2
e) ; 1 g My Computer /を
LLlb 39 திரையில் காட்டும் (படம் 40).
SLLLLLLLL LLL LLLLLLLLSLLL SCrLkL CLCLL LLLLLL LA rL0CgL LkLkrrEE EHLkL ELA
αχοιεε-"ε". ------
Exckelnbox Tip Slunjske
Werk of OneNhat YS, ŽOS
Shynnu M Mkhwindo «usi- t Passmond work of Felwa and
LJLLb 40
இதற்கு இணையத்தொடர்பு அவ சியம் தேவை. இணையத்தொடர் பில்லாத போது படம் 41 இல் உள்ள வாறு செய்தி தோன்றும்.
ck Here 660 Microsoft internet Explore X
பதைக் கிளிக் செய்தவுடன் உலவியானது இணையத்து டன் தொடர்பு கொண்டு அப் பக்கத்தைத் .
Internet Explorer cannot open the linternet site http://www.excite.com/.
A connection with the server could not be established
(excite.com)
 
 
 
 
 
 
 

அப்லெட் ஒன்றைச் சேர்த்தல்
பொதுவாக, எச்ரிஎம்எல் நிலை யான பக்கங்களை உருவாக்கவே பயன்படும்.
ஆனால், எச்ரிஎம்எல் ஆவண மொன்றில் ஜாவா மொழியில் உள்ள அப்லெட் புரோகிராம் மூலம் உரு வாக்கப்பட்ட கிளாஸ் கோப்பு (Class File) ஒன்றைச் சேர்ப்பதன் மூலம்" அந்த இணையப்பக்கத்தை கணிப்பீடு போன்ற மாறும் பயன்பாட்டுக்கு (Dynamic) LJUJ6ÖTLU(6)göĝ5 (UpLņu_b.
KHTML>
<HEAD)
<TITLE>
: My Applet - Microsoft Internet. Elle Edit View Favorites Io
Back Forward Stop Refresh
My Applet
</TITLE)
</HEAD)
<BODY>
<B>This is a Applet
Program K/BD
KAPPLET CODE=\Wel COme tO
Jaffna' Width=200 height
=150>
</APPLET)
</BODY)
</HTMLD
என்ற இந்த அப்லெட்டுக்கான
புரோகிராமின் வெளியீடு இணைய
உலவியில் படம் 42 இல் உள்ள
வாறு தோன்றும்.
i I it.
|Address fë Esselves.H dGo || Links
بهر |
This is a Applet Program
Welcome to Jaffna Il
t
Applet: I EMy Computer لطلب %i
LJLld 42
نشر This is a Applet Program
Lb 43 அப்லெட்டுக்கான புரோகிராம் எழு தப்படாதவிடத்து, அல்லது செயற் படாதவிடத்து படம் 43 இல் உள்ள வாறு தோன்றும்.
--41 ۔ہ
</pre>
<hr>
<pre>
Page 24
கலண்டர் ஒன்றைச் சேர்த்தல்
எச்ரிஎம்எல்லைப் பயன்படுத்தி இரு நூறு ஆண்டுகளுக்கான நாட்காட்டி ஒன்றினை உருவாக்குவது இலகு வாகும். இதற்கு உங்கள் கணினியில் msca1.0CX என்ற கோப்பு இருக்க வேண்டும். பொதுவாக எல்லாக் கணினிகளி லும் இக்கோப்பு, சிஸ்
scalender - Microsoft internet Exp. 3
=YLIME"> என்றும், அதைத் தொடர் bg <FONT COLOR="BLUE" STZE=` 4"> என்றும் கொடுக்க வேண்டும். இது படத்திலுள்ளவாறு தோன்றும்.
டம்ஸ் ஃபோல்டரில் காணப்படும்.
| Elle Edit View Go Favortes !" |
శః గా a* *
gas a
g5T 60TT b (Auto
Åddress 陌 D:Whitmlee.htm
matic) SuE 5 5 கூடிய நாட் காட் டி யொன்றை உருவாக் குவதற்கு,
KHTML>
<HEAD)
<TITLE>
Calender </TITLED </HEAD)
<BODY>
KOBJECT CLASSID=ʻ‘Cl. S id : 8E27
June 2001 June zooi
|Links |جمہ
Tue. Wed
5 |8
19
C92B-1264-101C- EM 8A2 f-O 4 O22 4 OO 9 CO2' height= 250' width= Y^3 OO"> </OBJECT>
</BODY >
</HTML) என்று எழுத வேண்டும். இதற்குப் பின்னணி நிறத்தைக் கொடுப்பதற்கும், எழுத்துக்களின் நிறத்தை, அளவைக் குறிப்பதற்கும் முறையே <BODY> 616jro (53'jLS6ë KBODY BGCOLOR
y Computer
இந்நாட்காட்டியில் 1900 முதல் 2100 வரையான நாட்களைப் பார் வையிட முடியும்.
இந்த நாட்காட்டியை வோல்பேப் பராகவும் போட்டுக் கொள்ளமுடியும். (ஆவணமொன்றை வோல்பேப்பராக்கு வது பற்றி “டெஸ்க்ரொப்பில் இரு ந்து இணைப்பு” என்ற தலைப்பில் விளக்கப்பட்டுள்ளது.)
- 42 -
 
 
 
 
 
 
 
 
 
 
 
 

அட்டவணைகள் போடுவது எப்படி?
தகவல்களை ஒரு நீண்ட உரை யில் கொடுத்தால், அவற்றைப் புரிந்து கொள்வது சற்றுக் கடினம். அவற் றையே ஒரு பட்டியலாகக் கொடுத் தால் பார்ப்பவருக்கு மிக எளிதாக இருக்கும். எச்ரிஎம்எல் ஆவணமொன் றில் பட்டியல் ஒன்றை உருவாக்கு 6Jġbi3(35 K TABILE> , K / TABILE> என்னும் குறிப்புக்கள் பயன்படும்.
இதனுடன், பட்டியலின் அகலம் (WIDTH), flip6035(65d(5 (Ce11) இடையில் உள்ள தூரம் (CELL SPACING) , fi3360os3&bg5 Lb SÐg லுள்ள தகவல்களுக்குமுள்ள தூரம் (CELLPADDING), ULLQug06)3 சுற்றியுள்ள கரையின் தடிப்பு (BORDER) போன்ற பண்புகளைக் கொடுக் கலாம்.
பட்டியலின் அகலத்தைத் திரை யின் அளவில் குறிப்பிட்ட ஒரு வீத மாகக் குறிப்பிடுவது நல்லது. ஏனெ னில், உலவியின் திரையின் அகலம் மாறுவதற்கேற்ப பட்டியலின் அகல மும் தானாகவே மாறும்.
G86)6(36m5 (CELLSPACING) , GGF6òTLqÉ (CEILL PADDING) LDömb (BJTLIT (BORDER) அளவுகளை பிக்ஷல்களில் கொடுக்க வேண்டும். போடர் என்பதில் 0 என்று கொடுத்தால் போடரே தெரியாது.
பட்டியலில் வரிசைகளை (RoWS) ஒவ்வொன்றாக உருவாக்க வேண்டும். ஒவ்வொரு வரிசையையும் தொடங்கி அவற்றிற்குத் தகவல்
களைக் கொடுத்து விட்டு வரிசையை முடிக்க வேண்டும்.
KTABLED, K/TABLED என்னும் குறிப்புக்களுக்குள் <TR>, </TR> என்னும் குறிப்புக்கள் வரிசை யைத் தொடங்கவும் முடிக்கம்ெ பயன்படும்.
அட்டவணை ஒன்றிற்குத் தலை ப்பு இருந்தால் அதனை <TH> , </TH) என்ற குறிப்புக்களுக்கிடையே கொடுக்க வேண்டும். அதன் கீழ் வரும் தகவல்களை <TD>, </TD> என்னும் குறிப்புக்களுக்கிடையே கொடுக்க வேண்டும்.
இதில் தலைப்புக்களாகக் கொடு க்கப்பட்டவை சிற்றறையில் மையப் படுத்தப்பட்டு சற்றுத் தடித்த எழுத் துக்களாகத் தெரியும்.
@6usból6ò TR, TH, TD 6T6őTLJ60D6 (p60.003uj (8JLS6i (33T (Table Row), (8JL56ir GigsbLqi, (Table Heading), (3) 6ft (3LLIT (Table Data) 6T6öTL வற்றைக் குறிக்கின்றன.
இந்தக் குறிப்புக்களைக் கொண்டு 5 வரிசை (Row) களும், 3 நெடு வரிசை (Column) களும் உள்ள ஒரு அட்டவணையை உருவாக்கு வதற்கான உதாரணத்தைப் பார்ப் (3LT b.
KHTML>
<HEAD)
<TITLE> Sample site of Table </TITLED
.........43 م۔
</pre>
<hr>
<pre>
Page 25
</HEAD) <TD> SureSh K/TD>
<BODY> <TD> 65 </TD> <!-Starting a table-> <TD> 75 </TD> <TABLE WIDTH="100%" </TR) CELLSPACING="4" CELLPADDING="4" </TABLED BORDER="4"> </BODY> </HTML> < - ROW 1 -> என்பதை நோட்பேட் (Notepad) இல் <TR> எழுதி எச்ரிஎம்எல் ஆவணமாக சேவ் KTH> Name K/TH> செய்தால் அது படம் 44 இல் உள்ள KTH> English K/TH> வாறு தோன்றும், KTH> SCience K/TH> </TR>
< - Row 2 ->
Name English Science KTD) Mohan < /TDD י"י יי - " ... " "י"י ייא
Mohan 75 80 <TD> 75 K/TD> Kumar 80 70 <TD> 80 K/TD>
Nmal 85 76 </TR> Suresh 65 75
--- .لب است < - ROW 3 -> re-r སྨང་ར་ས་ར་མར་ལྟ་དང་ཉས།།ཨ་མ་མཐའ་ལ་རྒྱང་གང་ཙ་ཙ་ཚ་མ་ན་ཨ་མས་ས༡༥༦མཚམ༠ཙམ་དང་ལྡན་ <TR> ULib 44 <TD) Kumar </TD) சிற்றறையின் தலைப்பை அல்லது <TD> 8O </TD> தகவலை எவ்வாறு காட்டவேண்டு <TD> 7 O </TD> மென்பதை, ALTGN என்னும் பண்பு <TRO மூலமும், சிற்றறையின் பின்னணி நிறத்தை BGCOLOR என்னும் பண்பு <! - ROW 4 -> மூலமும் கொடுக்கலாம். <TR>
உதாரணமாக,
KTD Nimal K/TD <TD> 85 </TD> <TD> 76 K/TD>
<TD BGCOLOR= YN BLUE,” AI IGN = Right"> Mohan
</TR) </TDD
என்பது நீல நிற சிற்றறையில் Mohan
< - ROW 5 -> என்பது வலப்பக்கமாகத் தோன்றும்.
<TR> அட்டவணை ஒன்றில் இரண்டு
- 44 -
 
 

அல்லது இரண்டிற்கு மேற்பட்ட வரி சைகளையோ, நெடு வரிசைகளை யோ ஒன்று சேர்க்க முடியும். இதற்கு ROWSPAN, COLSPAN 6T68iT0Jub பண்புகள் பயன்படும். இப்பண்புகளை, <TD></TD> என்பவற்றிலோ, அல் Gogl KTH> </TH> 6T6ÖTLJ6 ubý6G36IOT பயன்படுத்த முடியும்.
d-g5ITU600TLDT35,
<TR>
KTH> Name </TH> KTH COLSPAN="2" > Mark S </TH> </TR> என்பதை முன்பு கூறிய உதாரணத் தில் <!-ROW 1-> என்பதன் கீழுள் ளவற்றிற்குப் பதிலாக எழுதிப் பாருங் கள். படம் 45 இல் உள்ளவாறு தோன்றும்.
Sample site of Table osos internet . Kipfole ex
ပြိုး 9
ൈ
ه Name Marks
Mohan 75 80
Kumar 80 70
Nmal 85 78
Suresh 65 75
}". • ܫܚ
'(' : ;
Lb 45
இவ்வாறே <TD> குறிப்பிலும் எழுத முடியும். உதாரணமாக
.
<TR> KTD COLSPAN=\3"> MOhar1
</TDD </TR>
2.
<TR>
KTD ROWSPAN = M 4"> KUMAR </TDD </TR>
இவற்றை விட VALIGN என்ற பண்பும் உள்ளது. WALIGN என்பது Vertical Align 6T65ug566T 35(5355ub. @JU6OởT60DLU <TD>, <TH>, <TR> என்னும் குறிப்புக்களில் பயன்படுத்த லாம்.
உதாரணமாக, 45ஆவது படத்தில் உள்ள “Ku
mar” என்ற பெயரைக் கீழே இடு
வதற்கு இவ்வாறு கொடுக்கலாம். <TD ROWSPAN=\\ 4 " WBOTTOM'>
இது படம் 46 இல் உள்ளவாறு தோன்றும்.
VALIGN=
! EiEd v se Fies ali
Ashese D Beck up to 10200 lean 고,
Name Marks
Mohan 75 80
80 70
Nmal 85
Kumar Suresh 65
Mycopter MMMMMM
Ub 46
(g) (3LT61)(36), VALIGN = 'TOP" VALIGN= ''MIDDLE" 66ÖT L16 HOMBKTD>, <TH>, <TR> 676ögpit குறிப்புக்களிலும் பயன்படுத்தலாம்.
... 45........
</pre>
<hr>
<pre>
Page 26
சட்டங்களை உருவாக்குதல்
எச்ரிஎம்எல் ஆவணம் பொதுவாக உலவியின் திரையை முழுவதுமாக நிரப்பி இருப்பதையே இதுவரை பார்த்தோம்.
ஆனால், ஒரு திரையைப் பல பகுதிகளாகப் பிரித்து அவை ஒவ் வொன்றிலும் வெவ்வேறு எச்ரிஎம்எல் ஆவணங்களை ஒரே சமயத்தில் தோன்றும்படி செய்ய முடியும். திரை யில் இவ்வாறு பிரிக்கப்படும் பகுதி கள் சட்டங்கள் (Frames) எனப்படும். எல்லா உலவிகளும் சட்டங் களைக் கையாளும் திறன் பெற்றவை யல்ல.
சட்டங்களை உருவாக்க, <FRAMESET> 616ög (5óLIL|Ú பயன்படும்.
Sg,66 (S606001356 g/FRAME SET> e(5D,
<FRAMESET> என்ற குறிப்பைப் பயன்படுத்தும் போது, எச்ரிஎம்எல் ஆவணத்தில் உடற்பகுதியைக் குறிக் கும் BODY எனும் குறிப்பு இருக்காது. &b535 (35úÚLeo COLS, ROWS என்னும் இரு பண்புகளில் ஒன்று மட்டும் இருக்கும். இவை சட்டத்தின் அளவைக் குறிக்கும். இவற்றை வீத அளவாகவோ, புள்ளிகளின் எண்ணிக் கையாகவோ கொடுக்கலாம்.
குறிப்பிட்ட வீத அளவாகக் கொடு த்தால் உலவியின் திரையின் (விண் டே) அளவு மாறும் போது சட்டத் தின் அளவும் தானாக மாறும்.
இங்கே சில உதாரணங்களைப் பார்ப்போம்.
l,
<FRAMES ET COLS=\75%, 25% ">
என்பது திரையை இரு சட்டங் களாகப் பிரிக்கும்.
இதில் இடது பக்கத்தின் அகல மானது, வலது பக்கத்தைப் போல மூன்று மடங்காக (75%) இருக்கும்.
2.
<FRAMESET COLS= 50%, 10%, * '> இதில், இடது பக்கச் சட்டம் விண் டோவின் பாதி அளவாகவும் (50%), நடுச்சட்டம் 10% ஆகவும், வலது பக்கச்சட்டம் 40% (மீதி) ஆகவும் இருக்கும்.
3.
<FRAMESET ROWS=' 75%, 25 %>
இது திரையை மேற்பகுதி, கீழ்ப் பகுதி என இரண்டாகப் பிரிக்கும். இதில், கீழ்ப்பகுதி 1/4 பங்காக இருக் கும்.
சட்டங்களாகப் பிரித்துக் காட்டப் பட வேண்டிய கோப்புக்களின் பெயர் 356061T SRC (Source) 6T69))f U606 பாகக் கொடுக்க வேண்டும்.
இதை உதாரணம் மூலம் விளங் கிக் கொள்வதற்கு நோட்பேட்டைத் திறந்து அதில், படம் 47,48,49 களில் p 6it6T6)ITgl 6T(ggi), Breakfast.htm, Lunch.htm, Dinner.htm Saul கோப்புக்களைத் தயார் செய்து ஒரே ஃபோல்டரில் சேமியுங்கள்.
- 46 -

A lunch - Notepad ex
Eie Edit. Seach. Help :
KHEADX kTITLEXLunchk/TITLEX KHEADX
KBODYX Kh 1>Lunch Kah1 x Fried rice (RRX Buriya ni
KBRIX
KAbody>
3.
हैं
Breakfast - Notepad -
Elle Edit Search Help : KHTMLX
KHEDX KTITLEX BreakfastK/TITLEX
{HTMX :1 :11
|#fiit)၊ w 邻 防拷
發 綫
பின் அதே ஃபோல்டரில் இந்த கோப்பை உருவாக்கிச் சேமியுங்கள்.
உதாரணமாக, KHTML>
<HEAD)
<TILE> Working with Frames </TITLED </HEAD) < FRAME SET COLS="50%, 25 %, * "> <FRAME SRC= "Breakfa St. html">
KFRAME SRC="Lun Ch ... html"> <FRAME SRC="Dinner . html"> K/FRAMESET)
<NOFRAMES)
ThiS borOWS er does not di Splay frames </NOFRAMES) K/HTML)
இது படம் 50 இல் உள்ளது போல் தோன்றும்.
work DO MOh FARC Microol Internet Explore į iš Ešo. Ek :: You::Fagains.: ixoleg kolo:
ہوتے ھیہ نہ ہو.
Breakfast Lunch
Besid and butter Fred race string hoppers 8ut 1 yani
鑑鷲蕊霄*蠶隸鵲藏繭影 LILLD 50 Sg56) <NOFRAMESD 616tugs சட்டங்களைக் காட்ட முடியாத உல விகள் அதற்குப் பதிலாகக் காட்ட வேண்டிய உரையைக் குறிக்கும்.
சட்டங்களை ஒன்றுடன் ஒன்று இணைப்பதன் மூலம் ஓர் ஆவண
</pre>
<hr>
<pre>
Page 27
மொன்றை உருவாக்கலாம். படம் 54 இல் உள்ளது போன்ற இரு சட்டங் களில் முதலாவது சட்டத்தில் மெனு என்பதன் கீழுள்ளவற்றில் ஒன்றைத் தெரிவு செய்தால் அந்தச் சொல்லைப் பற்றிய வாக்கியமொன்றை வலது சட்டத்தில் தோன்றக் கூடியவாறு Gajulu 6)Tib.
S53(g) Main.htm, Bld.htm 6T657 னும் இரண்டு கோப்புகளை உரு வாக்க வேண்டும்.
Main.htm 6T6öIB (335TÜLî6O)6OT LJLLb 51 இல் உள்ளவாறு தயார் செய்து கொள்ள வேண்டும்.
Main - Notepad Elle Edit Search Help
KHL-> A. KHEADX
KI I ILEX
lainPart
{ATITLEX
«AfHEA DX
«፪0ዑሃ »
«H3Xle Iu</H3X
KX
'second Frane'XBreakfast KAAX {X KA HREF='''unch.htm' ARGET= "second Frane''>ucKAAX KLIX KA HREF ze "Dinne * ... htT" TARGE *ou "Second frane">Dinner"K/Å»
EX
g/BODYX KAHTMLX w
LJLub 51
இது 3 இணைப்புக்களைக் காட் டும். இந்த இணைப்புக்களைச் செயற் படுத்தும் போது வரும் கோப்பை எங்கு காட்ட வேண்டுமென்பதை TARGET எனும் பண்பில் குறிப்பிட வேண் டும்.
இதில் வலது பக்கத்தில் காட்ட வேண்டும் எனக் கொடுக்கப்பட்டுள் துெ.
பின், Bld.htm என்ற கோப்பை
படம் 52 இல் உள்ளவாறு தயார் செய்ய வேண்டும்.
LILLİD 52 Sg, "Click on your choice' என்ற செய்தியை மட்டும் காட்டும். இந்த இரண்டு கோப்புக்களையும் திரையில் தோன்றச் செய்வதற்குப் படம் 53 இல் உள்ளவாறு எழுத வேண்டும்.
a Mentu Ísł - Note:pad ex
Elle Édit Seach Help
CWHEADX
«FRAESET CDL.S."353,653"» {FRAME SRC.'Main.htm> «FRAE SRC''B1.htmo NAME ''SecondFraneo» KNC FAMESX.
KBodyX KhiyThis browser connot be supported framesca H1X c/BODYx K/NOFRAPJESX CWFRAESEX c/HTMLs
LЈLib 53 இது படம் 54 இல் உள்ளவாறு தோன்றும்.
- 48
 
 
 
 
 
 
 
 
 
 
 

இதில் முதல் சட்டத்தில் Main.htm என்ற கோப்பு 35% ஆகவும், Lôg5 65% g) tb Bld.htm (335/T['ILJT8B வும் தோன்றும்.
படம் 51 இல் வலது பக்கச் gt'L553(g) Second Frame 6T6örg பெயர் கொடுத்தோமல்லவா, அந்தப் பெயர் NAME எனும் பண்பாக இங்கு கொடுக்கப்பட்டுள்ளது.
பல சட்டங்கள் இருக்கும் போது எந்தச் சட்டத்தில் ஒரு கோப்பினைக் காட்டவேண்டும் என்பதைக் குறிப்பிட இந்தப் பண்பு உதவும்.
LJLLb 54 @6ò SÐ 6řT6T Breakfast எனும் சொல்லின் மீது கிளிக் செய் தால் வலது பக்கச் சட்டத்தில் Break fast.htm என்ற கோப்பு படம் 55 இல் உள்ளவாறு தோன்றும்.
working with frames - Microsoft internet Explolet x Ele: Edito View. Favorite Iools Help at
。。吟 تسفية . ب :
w i.
ゅ Bark Stop Refresh Home
Addresse C\Menu List.htm as Go Links
Menu
Breakfast
3 L. Lunach Bread and ho utt ter
Stri:lig hoppers
= working with Ffraines , Microsos linternet Exploren 圈回拯 : : Éle. Edit Yew Favorit ' * ।
LLD 55 (S66) T(30 Lunch, Dinner 6167.3 சொற்களின் மீது கிளிக் செய்தால் அவற்றிற்கான விபரங்கள் (படம் 56, 57) களில் உள்ளவாறு வலது சட்டத்தில் காட்டப்படும்.
ʻ** YY.; x :,;)3 % السلم Back ' : Step Rërësh.Kete . Address C:\Menu List.htm c Links".
M
ernu Lunch
: Frect rice
Buri yanı
|ဈE] bone ``F့််’’’’’’’’’’’’’’’’’’’’’’’’’’’’’ | Ej My Computer i 2.
LILLD 56
Working with Flames - Microsoft Internet Explorer x
Ele Edit yiew Favorites Iools Help a
»Σ وله { 3 م فيه - الله.
Back Stop Refresh Home Address : C\Menu List.htm * PG | Links ».
M
el Dinner
Pittu Dosai
Ej Dorne "g My Computer a
LIL D 57
- 49
</pre>
<hr>
<pre>
Page 28
படிவங்களை உருவாக்குவது எப்படி?
இணையத்தைப் பயன்படுத்தி உங்களுக்குத் தேவையான சில தக வல்களைப் பெற, நீங்கள் சில தக வல்களை வழங்க வேண்டியிருக் கும்.
உதாரணமாக, Uuj6OTIT GUujit (User name), 5L வுச்சொல் (Password), கடன் அட்டை S6)disb (Credit Card Number) போன்றவற்றை வழங்க வேண்டியிருக் கும்.
இந்தத் தகவல்களை நிரப்ப, படி வங்கள் (Forms) பயன்படுத்தப்படும். இப்படிவங்களை எச்ரிஎம்எல் மூலம் நீங்களே உருவாக்கிக் கொள்ள முடி սկլի.
ஒரு படிவம் (Form) என்பது, பல ஃபீல்ட் (Field) களைக் கொண்
-gil.
தகவல்களைப் பெறும் அல்லது வெளிக்காட்டும் அல்லது இரண்டை யும் செய்யும் அமைப்புக்கள் கட்டுப் படுத்திகள் (Controls) எனப்படும்.
உதாரணமாக, 7 றேடியோ பட்டின் (RadioButton) ( 7 Gjá6)' GuTd56) (Text Box) 77 Gigi, QUTi56m) (Check Box)
படம் 58 இல் உள்ள யாஹ" GLDuigi) (Yahoo mail) algjib (S6)6.5 மின்னஞ்சல் தளத்தில் இரண்டு ரெக் ஸ்ட் பொக்ஸ்கள் உள்ளன. அவற் றில், சைன் இன் நேம் (Sign-In Name), 35L63GdIT6) (Password)
of tummadani orwawa www.h. ... .....: ...:.3.x.
LLD 58
என்பவற்றைக் கொடுத்தால் உலவி யானது, இந்தத் தகவல்களை யாஹ" வின் வெப்சேர்வருக்கு அனுப்பும், வெப்சேர்வரானது அத்தகவல்களை அதற்குரிய நிரல்களுக்கு அனுப்பும். இந்த நிரல், வந்த தகவல்கள் சரியா னவையா எனப் பரிசோதித்து, சரியா யின், பயனரின் விபரங்களைக் காட்டும். தவறாயின், வழுச்செய்தியை (Error Message) G66îČJUGjögbub.
ஒரு படிவத்தைப் பற்றிய சகல Gla uljaselbb < FORM-, к/FORM - எனும் இரு குறிப்புக்களுக்கிடையில் இருக்க வேண்டும்.
இந்தக் குறிப்புடன் இப்படிவத் தின் தகவல்களை எங்கே (URL) அலசி ஆராய வேண்டுமென்பதையும், இத்தகவல் எந்த வகையில் அனுப் பப்பட வேண்டுமென்பதையும் ACTION, METHOD 61g0lb (SCB u60iiL களாகக் கொடுக்க வேண்டும்.
இனி, ஒரு படிவத்தில் எவ்வாறு கட்டுப்படுத்திகளைச் சேர்க்கலாம் என்பதைப் பார்ப்போம்.
- 50 -
 

பட்டின் கொன்ரோல் (Button Control)
இது மிக எளிமையான கட்டுப் படுத்தியாகும். இது விண்டோஸி லுள்ள ஒகே (OK) மற்றும் கேன்சல் (Cance) பட்டின்களைப் போன்றது. இந்த பட்டின் தேவையான செய லைத் தொடங்குவதற்குப் பயன்படுத் தப்படுகின்றது. மேலே, பார்த்த ஹொட்மெயில் படத்தில் சைன் இன் (3bb (Sign-In Name) 6T6öTUgjib (5 பட்டின் கொன்ரோல் தான்.
பட்டின்களை உருவாக்க <TNPUT> எனும் குறிப்புப் பயன்படும். அத்துடன் வேல்யூ (VALUE) என்னும் பண்பில் அந்த பட்டினில் என்ன தோன்ற வேண்டுமென்பதைக் கொடு க்க வேண்டும்.
இதில், ரைப் (TYPE) எனும் பண் பில் SUBMTT" என்று கொடுத்தால் அந்த பட்டின் அழுத்தப்பட்டதும் உடனே அந்தப் படிவத்திலுள்ள தக வல்களெல்லாம் அந்தப் படிவத்தில் குறிப்பிட்ட இணையப் பக்கத்திற்கு (URL) அனுப்பப்படும். ரைப் எனும் பண்பில் RESET' என்று கொடுத் தால், இந்த பட்டின் அழுத்தப்பட்ட தும் உடனே அந்தப் படிவத்திலுள்ள தகவல்களெல்லாம் அழிக்கப்பட்டு ஒவ்வொரு தகவல் புலத்திற்கும் (Field) Lq°.(3UIT6ÜLʻ (86hJ6Üu, (Default Value) (35T6örb.
இந்த பட்டின்களைக் காட்டும் ஒரு உதாரணத்தைப் பார்ப்போம்.
KEFORM ACTION = Y^m S n ... net " METHOD=\ Post" >
<H3> Please fill this form. Click submit to send this form </H3>
<IN PUT TYPE = \ S UBMIT '' VALUE=''Submit'>
kINPUT TYPE=''RESET' VALUE=
Can Cell'>
</FORMD
இந்தப் படிவத்திலுள்ள தகவல் களை POST எனும் முறையில் அனுப்பவேண்டுமென்பதை METHOD எனும் பண்பு கூறுகிறது. இந்த MOTHOD U60ölusióOTg5 POST, GET என இரு வகைப்படும். இதில் GET என்பது சேர்வரில் இருந்து தகவல் களைப் பெறுவதற்குப் பயன்படுத்தப் படும். உதாரணமாக, இணையத்தில் Uf 603 (pLq6356i (O/L Results) வெளியிடப்படுகின்றதல்லவா? அதில் சுட்டெண்ணை வழங்கி பெறுபேற் றைப் பெறுவதற்கு GET பயன்படுத் தப்படும்.
முதலிலுள்ள உதாரணத்தில் <H3> </H3> என்பதில் ஒரு சாதா ரண உரையும், அதையடுத்து இர ண்டு பட்டின்களும் உருவாக்கப்பட் டிருக்கின்றன. இது படம் 59 இல் உள்ளவாறு தோன்றும்
- 51 -
</pre>
<hr>
<pre>
Page 29
EÐGILD (Image)
இமேஜ் என்பது, சப்மிற் (Submit) போல் தான் செயற்படும். ஆனால், இதில் பட்டினிற்குப் பதில் படத்தைப் பயன்படுத்தலாம்.
உதாரணமாக, <INPUT TYPE= Y^ Image" SRC= Photo.jpg)
இந்தப் படத்தை எந்த இடத்தில் போட வேண்டுமென்பதை, TOp , Middle, Bottom 95uj LD5ttai d5 6061T ALIGN 6T6 is U60516) கொடுப்பதன் மூலம் தீர்மானிக்கலாம்.
ரெக்ஸ்ட் பொக்ஸ் கொன்ரோல் (Text Box Control)
இது அதிகமாகப் பயன்படுத்தப் படும் கட்டுப்படுத்தியாகும். இதில் பயனர், தேவையான உரையை உரு வாக்க முடியும்.
ஒரு உரையை உருவாக்குவ தற்கு <1NPUT> என்ற குறிப்புப் பயன் படும். இதில் TYPE எனும் பண்பில் \TEXT1 என்று கொடுக்க வேண்டும்.
எச்ரிஎம்எல் ஆவணமொன்றில் ரெக்ஸ்ட் பொக்ஸை உருவாக்குவ g5öG5, US er name KINPUT TYPE="Text"> 6T6öBI (OABIT(655/T6io படம் 60 இல் உள்ளவாறு படிவம் தோன்றும்.
955L61, NAME, SIZE, MAX LENGTH, VALUE Safu U60TL களையும் கொடுக்கலாம். இன்னு மோர் உதாரணத்தை இங்கு பார்ப் (3UTub.
函 Lex Bo - Microsoft Internet Explorer - Worki.
File Edit View Favorites. Loos Help
* *
User name
-
Sy My Computer ULLb 60
Your Web Site :
KEBR>
< INPUT TYPE= ''Text' NAME =
YN Url" Si Ze= Wo 4 0 " VALUE= \^http: //ʼ7 > என்பது படம் 61 இல் உள்ளவாறு தோன்றும்.
Web Microsot internet Explorer working. Ex Ele Edit View. Favorites Loos Help are
ܐ [ܐ܂ 9 . ܡܲܪ · ܢܝ↓ : Back Stop Refresh Home | Address 陌 C\http.htm * ο 6ο και Links وه لم You Web Site : httpή
Done My Computer
LJLld 61
(356), MAX LENGTH 9,607gs அதிகபட்சம் எவ்வளவு எழுத்துக் களை ரைப் செய்ய வேண்டுமென் பதையும், S12E என்பது திரையில் எவ்வளவு அகலமாக ரெக்ஸ்ட்
 
 
 
 
 
 
 
 

பொக்ஸ் காட்சியளிக்க வேண்டுமென் பதையும், VALUE என்பது ரெக்ஸ்ட் ஃபீல்டில் முதலில் காட்டவேண்டிய தையும், அதில் எதையும் ரைப் செய் யாது விட்டு விட்டால் டிஃபோல்ட் (Default) ஆக எதை எடுத்துக் கொள்ள வேண்டுமென்பதையும் குறிக் கும்.
உதாரணமாக, <INPUT TYPE= Text' NAME= Yo Fir St Name " MAX LENGTH=
25' SIZE=v O'>
இந்தப் பண்புகளை பாஸ்வேர்ட் ஃபீல்டிலும் பயன்படுத்தலாம்.
பாஸ்வேர்ட் கொன்ரோல் (Password Control) பாஸ்வேர்ட் எனப்படும் கடவுச் சொல்லில் நீங்கள் கொடுக்கின்ற எழுத்துக்கள் மற்றவர்களுக்குத் தெரி யாதிருப்பதற்காக ஒவ்வொரு எழுத் துக்கும் பதிலாக அஸ்ரிக் குறி (*) தோன்றும்.
முதலாவது உதாரணத்தில் யாஹ? பயனாளரின் கடவுச்சொல்லை இதற்கு உதாரணமாகச் சொல்லலாம். சில மென்பொருட்களுக்குள்ளோ அல்லது இணையத்தளங்களுக் குள்ளோ பிரவேசிக்கும் போது அணு மதி பெறுவதற்காகக் கடவுச்சொல்லை ரெக்ஸ்ட் பொக்ஸினுடாகக் கேட்கும். பாஸ்வேர்ட் கொண்ரோலை உரு வாக்குவதற்குச் சாதாரண ரெக்ஸ்ட் பொக்ஸிற்குப் பதிலாக ரைப் எனும் பண்பில் ` Password" என்று கொடு த்து அந்தக் கட்டுப்பாட்டுக்கு ஒரு பெயரைக் கொடுக்கவேண்டும்.
உதாரணமாக, Pa SSW Ord: < INPUT TYPE = Y Password' NAME='' PASS'> என்பது படம் 62 இல் உள்ளவாறு தோன்றும்.
: Password Microsoft Internet Explorer. Dx
Efle Edit View Favorites Tools Help
* [: ( ** . :لله }}
Back : Stop. Refresh
· Address a c \Pashtm Go Links”
Password:
e) Done : My Computer
LILLb 62
356 (Hidden)
இந்த ஃபீல்டில் ரைப் செய்யப் படுபவை எமது கண்களுக்குத் தெரி யாது. இது பொதுவாகப் பாஸ்வேர்ட் களுக்குப் பயன்படுத்தப்படும்.
சீஜிஐ (CGI) ஸ்கிரிப்டிற்குக் கூடு தலாக ஏதாவது விபரத்தைக் கொடு க்க வேண்டும். அந்த விபரத்தை உலவியால் மாற்ற முடியாது என அறிந்தால், அந்த ஃபீல்டை ஹிடின் கோப்பாகக் கொடுக்கலாம். இதுவும் ஒரு ரெக்ஸ்ட் ஃபீல்ட் தான்.
உதாரணமாக, <INPUT TYPE=HIDDEN NAME= File VALUE=Secret.htm>
என்ற வரிகளை ஆவணமொன்றில் (8girgigs.T6), Secret.htm 676613 (335|TL சீஜிஐ (CGI) ஸ்கிரிப்டாகச் சேர்க்கப் படும்.
53
</pre>
<hr>
<pre>
Page 30
செக் பொக்ஸ் (Check Box) விண்டோஸில் சிறிய சதுரப்பெட்டி யொன்றில் M குறியீடு தோன்றுவதை அவதானித்திருப்பீர்கள்.
பெட்டிகளைக் கிளிக் செய்யும் போது அக்குறியீடு தோன்றுவதையும், அவற்றை மீண்டும் கிளிக் செய்யும் போது அவை மறைவதையும் பார்த் திருப்பீர்கள்.
இந்த செக் பொக்ஸை ஒரு படி வத்தில் உருவாக்குவதற்கு ரைப் என் பதில் YCHECKBOX' என்று கொடுக் கவும். <INPUT TYPE=CHECKBOX NAME = \\ CKbOX"/> Remember Password என்பது படம் 63 இல் உள்ளவாறு தோன்றும்.
g CWINDOWS
MDesktop\mohtan 4.htm - Micros to E:
3 8
Remember Password
W M".MWuK 」
பாஸ்வேர்ட் ஃபீல்டில் ரைப் செய் யப்படுகின்ற விபரங்கள் அருகில் நிற் பவர்களின் கண்களுக்கு மட்டுமே (கணினித்திரையில்) தெரியாது.
ஆனால், அவ்விபரங்கள் கணினியிலி ருந்து சேர்வருக்குச் செல்லும் போது என்கிரிப்ஷன் (Encription) செய்யப் படாமல் அப்படியே செல்லும். இத னால், ஹெக்கர்கள் (Hackers) அந்த விபரங்களை அறிந்து ஏமாற்று வேலைகளைச் செய்ய முடியும்.
றேடியோ பட்டின் (Radio Button) இது பல விருப்பத்தேர்வுகளில் ஒன்றை மட்டும் தேர்ந்தெடுப்பதற்குப் பயன்படும். றேடியோ பட்டினைப் படி வத்தில் கொண்டுவர ரைப் எனும் பண்பில் RADTO எனக் கொடுத்து விட்டு, VALUE எனும் பண்பில் விருப் பத்தின் பெயரைக் கொடுக்க வேண் டும்.
படிவத்தைக் காட்டும் போது தானாக ஒரு விருப்பத்தைத் தெரிவு செய்து பார்க்க அதை CHECKED என்று குறிப்பிட வேண்டும்.
மேலும், எல்லா பட்டின்களுக்கும் ஒரே பெயரையே கொடுக்க வேண் டும். ஏனெனில், ஒரு சமயத்தில் அவற்றில் ஒன்று மட்டுமே பயன்படுத் தப்படும்.
ஃபோர்ம் (Form) ஒன்றில் பண த்தை எப்படிச் செலுத்தப் போகின்றீர் கள் எனக் கேட்டு, அதற்கு விடை uJITE (356 (Cash), 0.3 d5 (Cheque), LD600sqLT (Money Order) 6T60T u6) றேடியோ பட்டின்களைக் உருவாக்க முடியும். இந்த றேடியோ பட்டின் களில் ஒரு நேரத்தில் ஒன்றை மட் டுமே தெரிவு செய்யமுடியும்.
- 54
 
 
 
 
 
 

இதற்கு ஆவணமொன்றின் உடல் (BODY) பகுதியில் கீழுள்ளவாறு எழுத வேண்டும். Payment can be made by
KBR>
KBR>
<INPUT TYPE = RADIO' NAME = 'Optın" VALUE=\"Ch" CHECKEDX
Cash
<INPUT TYPE='' RADIO' NAME =''Optn' VALUE= MO'> Money order
<INPUT TYPE='' RADIO' NAME =''Optn' VALUE=''Co') Cheque
இது படம் 64 இல் உள்ளவாறு தோன்றும்.
函 Payment
- Microsoft Internet Explorer - Working Offline
பண்பில் இருவகையான (குழுக்களின்) பெயரைக் கொடுக்க வேண்டும்.
மேலுள்ள உதாரணத்தில், கீழுள் ளவற்றையும் சேர்த்து வெளியீட்டைப் பாருங்கள்.
KBR>
Select One Of the follow ing method
KBR> KBR>
<INPUT TYPE= RADIO' NAME ="ab“ VALUE:="Sh“ CHECKED> Ship
<INPUT TYPE= RADIO' NAME == Yaho” VALUE= Wo Ai" > Air
@g6l6ò optin” LDögub Yab" என்னும் இரு குழுக்களின் பெயர்கள்
iew Favorites Iools Help
f၏$h Home || . Sဒဲဒréh Fg
Payment can be made by
ULLb எனினும், ஒரு ஃபோர்ம் (Form) இல் ஒரே நேரத்தில் பல றேடியோ பட்டின்களைக் கொண்டு வரமுடியும். ஆனால், அவற்றை இரு குழு வாகக் கொண்டுவர வேண்டுமெனின், அந்த உலவிக்கு NAME என்னும்
( Cash r Money order Cheque
64
NAME என்னும் பண்பாகக் கொடுக் கப்பட்டுள்ளது. எனவே, இப்போது உலவியில் இரண்டு றேடியோ பட் டின்கள், இரு வேறு விருப்பத்தெரிவு களைத் தெரிவு செய்யக்கூடியவாறு தோன்றும்.
- SS
</pre>
<hr>
<pre>
Page 31
மல்ரி-லைன் ரெக்ஸ்ட் ஏரியா (Multi-line Text Area) உள்ளிட வேண்டிய ரெக்ஸ்ட்கள் சிலவேளைகளில் பல வரிகளாக இருக்கலாம். அவ்வேளையில் <TNPUT> என்ற குறிப்பினைப் பயன்படுத் g5ébGnLIIgbl. 95ixg5, KTEXTAREA>, </TEXTAREA> 66õgLb (good களைப் பயன்படுத்தலாம்.
இந்த மல்ரி லைன் ரெக்ஸ்ட் பொக்ஸின் அகலம் எவ்வளவு என்ப தையும், உயரம் எவ்வளவு என்பதை யும் கொடுக்கவேண்டும்.
இதற்கு இக்குறிப்புடன் COTS, ROWS ஆகிய பண்புகள் பயன்படுத் தப்படும். NAME என்ற பண்பையும் இதில் பயன்படுத்தலாம்.
உதாரணமாக,
<TEXTAREA ROW'S = Y, 8 ’ COLS =
3 O' NAME='''Comments' D YOll can enter your opinions here. </TEXTAREA) என்பது திரையில் படம் 65 இல் உள்ளவாறு தோன்றும்.
மெனு கொன்ரோல் (Menu Control)
<SELECT> 616O|b (Gól'L, GtD6D க்களை உருவாக்கப் பயன்படுகிறது. மெனுவின் பெயர் இதில் கொடுக்கப் பட வேண்டும். எல்லா விருப்பங்களை uqub OPTION 6T69)JLib LJ60öiLyL6öT
<SELECT), </SELECT) எனும் குறிப்புக்களுக்கிடையே கொடு க்க வேண்டும்.
锚C MINDOWSMD.
You can enter
yOur Opinions here.
E. My Computer
LILLb 65
மெனுவிலுள்ள எல்லா விருப்பங் களையும் நிலையாகக் காண்பிக்க வேண்டுமானால், அதில் எத்தனை விருப்பங்கள் உள்ளன என்பதை STZE எனும் பண்பாகக் கொடுக்க வேண்டும். அப்படி எத்தனை விருப் பங்கள் என்று கொடுக்காதபோது, அது ஒரு கீழிறங்கு மெனு (Drop Down Menu) is B& Gay LLIBUGib.
உதாரணமாக, What is your native place? <SELECT NAME=Y Place’>
KOPTION> Jaffna
KOPON> COOmDO <OPTION> Kandy KOPTION> Vavuniya KOPTION> Anuradhapura </SELECT)
என்பது படம் 66 இல் உள்ளது போல் ட்ரொப் டவுண் மெனுவாகத் தோன்றும்.
من 56 سم
 
 
 
 
 
 

萤 Place - Microsoft internet Explorer
j File Edit Wiew Go Favorites Help
y ro - 3 : 岔博
Address C:\place.html
a G 3 s.
What is your native place? [Jafna
f 凰 My Computer
LЈLib
இதில் முதலில் ஒரு வரி மட்டும் தோன்றும். அதிலுள்ள கீழிறங்கு அம் Lai (g5só (Drop down arrow) gais கிளிக் செய்தால், எல்லாத் தேர்வு களும் தெரியும்.
இதையே,
<SELECT NAME = \P1aCe’ SIZE -- ༣༣ 577 >
KOPTION> Jaffa
KOPTION). COlombo <OPTION> Kandy <OPTION> Vavuniya <OPTION> Anuradhapura </SELECT)
என்று கொடுத்தால் படம் 67 இல் உள்ளது போல் முழு மெனுவையும் காட்டும். இதுவரை எச்ரிஎம்எல் ஆவ ணங்களைத் தயாரிப்பதற்கான முக் கிய குறிப்புக்களையும், பண்புகளை யும் பற்றிப் பார்த்தோம்.
66
Place - Microsoft.
| Ele Edit View s'
| ༢༤ ་ མཉེ ་(89 [ ] ༼|
Addresse Cypla.html
EMy Computer A.
LILLib 67
இதுவரை பயன்படுத்தப்பட்ட குறிப்புக்கள், பண்புகளைக் கொண்டு சிறிய ஆவணங்களைத் தயாரித்துப் பழகிக்கொள்ளுங்கள்.
</pre>
<hr>
<pre>
Page 32
எச்ரிஎம்எல் முக்கிய குறிப்புக்கள்
எச்ரிஎம்எல்லில் உள்ள 90 இற்கு மேற்பட்ட எலிமெண்ட்களையும் (Elements) பின்வரும் தலைப்புக்களில் வகைப்படுத்தலாம். அவையாவன, * ரெக்ஸ்ட் லெவல் எலிமெண்ட்ஸ்
(Text Level Elements) * புளொக் லெவல் எலிமெண்ட்ஸ்
(Block Level Elements) * ஹெட் செக்ஷன் எலிமெண்ட்ஸ்
(Head Section Elements) * பேசிக் ஸ்ரக்ஷர் எலிமெண்ட்ஸ் (Basic Structure Elements) * ரேபிள் மொடல் எலிமெண்ட்ஸ்
(Table Model Elements) * சைல்ட் எலிமெண்ட்ஸ்
(Child Elements)
* ஃபோர்ம் கொன்ரோல் எலிமெண்
'6) (Form Control Elements) * ஸ்பெஷல் ஃபிரேம் ஸ்ரக்ஷர் எலி GLD60il6mb (Special Frame Structure Elements) * ஸ்பெஷல் எஸ்ஜிஎம்எல் கொன்ஸ் Jais' (Special SGML Construct) இவற்றில் 56 எலிமெண்ட்கள் முக்கியமானவை. இவற்றைப் பற்றி இந்நூலில் விரிவாக ஆராயப்பட்டுள் ளது. இவற்றின் ஆரம்பக் குறிப்பு (Starting Tag), (ypLq66 (gbitil (Ending Tag) 96ubglab5T6OT 6ilalTit கங்கள் என்பவை மீட்டலுக்காக இதில் பட்டியலிடப்பட்டுள்ளன.
6Jắ6ö. 66-o6u6io GT666 Dør"6ò (Text Level Elements)
ஆரம்பம் (plq6) விளக்கம் / பயன்பாடு
<A> </A> இணைப்பு ஒன்றை உருவாக்குவதற்குப்
Ulu J6ðLJ(bb.
<APPLET> </APPLET> ஜாவா அப்லெட்டை உள்நுழைப்பதற்குப்
பயன்படும்.
<B> </B> ரெக்ஸ்டை போல்ட் ஆக்குவதற்குப் JuJ65
--- படும். − −−
<BR> இல்லை ஒரு வரியிலிருந்து அடுத்த வரிக்குச்
செல்லப் பயன்படும்.
<BIGd </BIG> ரெக்ஸ்ட்டின் அளவை +1 ஆல் அதிகரிப்
பதற்குப் பயன்படும்.
<EM> </EMD ரெக்ஸ்ட் இற்றலிக்காக டிஸ்பிளே ஆக
வேண்டும் என்பதற்காகப் பயன்படும்.
- 58

தொடர்ச்சி.
ஆரம்பம் (pg. 6) விளக்கம் / பயன்பாடு
<FONTs </FONT> ஃபொன்ட்டின் அளவு, நிறம், வகை போன்ற வற்றைத் தெரிவு செய்வதற்குப் பயன்படும்.
<> </ID ரெக்ஸ்ட்டை இற்றலிக் ஆக்குவதற்குப் பயன்
U(6|LĎ.
<IFRAME> </IFRAME>| 5,5 GBJ Lib 696ör6003, 9 (İb6UTäböbü yuu6öTLu(BLib,
<IMG> இல்லை இன்லைன் இமேஜ் ஒன்றை உருவாக்கப்
பயன்படும்.
<MAP) </MAP> மப் ஒன்றில் இடங்களைக் குறித்துக் காட்டு வதற்குரிய புள்ளிகளை இடுவதற்கு இது பயன்படும்.
<OBJECT> | </OBJECT> | ʔÖTL" (Sound), @CBLDġ (Image), SÐčj Go)" (Applet), ep65 (Movie) (SUT6örg ஏதாவதொன்றைச் சேர்ப்பதற்குப் பயன்படும். <STRIKE>|</STRIKE> Gjáerb' girls BGolgi) (33.7G (Strike)
இடுவதற்குப் பயன்படும்.
<STRONG >|</STRONG > Glydor). 60L (3LT6ÖLT355 (35T615 Gauju.
இது பயன்படும்.
<SUBD </SUBD சப்ஸ்கிரிப்ட் (Subscript) ரெக்ஸ்ட்டை உரு
வாக்க இது பயன்படும்.
<SUP> </SUP) சுப்பர்ஸ்கிரிப்ட் (Superscript) ரெக்ஸ்ட்டை
உருவாக்க இது பயன்படும்.
<U> </U> ரெக்ஸ்ட்டின் கீழ் கோடு இடுவதற்குப் பயன்
படும்.
ஸ்பெஷல் ஃபிரேம் ஸ்ரக்ஷர் எலிமெண்ட்ஸ் (Special Frame Structure Elements)
ஆரம்பம்
(UDLQ6
விளக்கம் / பயன்பாடு
<FRAMESET->
</FRAMESET)
ஃபிரேம்செட்டை உருவாக்கப் பயன்படும்.
س: 59 مس۔
</pre>
<hr>
<pre>
Page 33
6hat Tai, 6haogugio GT656LDoira (Block Level Elements)
ஆரம்பம் (UDQ6) விளக்கம் / பயன்பாடு <CENTER> </CENTER> ரெக்ஸ்ட்டை மையப்படுத்துவதற்குப்
பயன்படும். <DIV> </DIVid ஆவணம் ஒன்றை லொஜிக்கல் செக் ஷன்களாகப் பிரிப்பதற்குப் பயன்படும். <DL> </DL> வரைவிலக்கணப் பட்டியலை உரு
வாக்கப் பயன்படும். <FORMD </FORMD ஃபோர்ம் ஒன்றை உருவாக்கப் பயன்
படும்.
- -- - <H1> </H1) முதல் அளவு தலையங்கத்தை உரு
வாக்கப் பயன்படும். <H2) </H2) இரண்டாவது அளவு தலையங்கத்தை
உருவாக்கப் பயன்படும். <H3) </H3) மூன்றாவது அளவு தலையங்கத்தை
உருவாக்கப் பயன்படும். <H4) </H4) நான்காவது அளவு தலையங்கத்தை
உருவாக்கப் பயன்படும். <H5> </H5> ஐந்தாவது அளவு தலையங்கத்தை
உருவாக்கப் பயன்படும். <H6> </H6> ஆறாவது அளவு தலையங்கத்தை
உருவாக்கப் பயன்படும். <HR> இல்லை வேறுபட்ட இரு பகுதிகளை கிடைமட் டக் கோடு ஒன்றால் பிரிப்பதற்குப்
JuJ65TU(6 b. <MENUD </MENUD மெனு ஸ்ரைலில் லிஸ்ட்டை உருவாக்
கப் பயன்படும். <NOFRAMES>|</NOFRAMES> .LS (3 Jub606mpai 5TlL (plqurg, g a) விகள் அதற்குப் பதிலாகக் காட்ட வேண்டிய உரையைக் கொடுப்பதற் குப் பயன்படும்.
தொடர்ச்சி.
مس۔ 60 س۔

ஆரம்பம் (ԼՔԼգ6ւ விளக்கம் / பயன்பாடு
<OL> </OL> எண்களைக் கொண்டு ஒழுங்கு முறையான பட்டியல் ஒன்றை உருவாக்குவதற்குப் பயன்படும். <UL> </UL> புளட்ஸ் (Bullets) பட்டியலை உருவாக்கப்
பயன்படும்.
<P> </P> பந்தி ஒன்றை உருவாக்கப் பயன்படும். <TABLE> | </TABLE> அட்டவணை ஒன்றை உருவாக்கப் பயன்படும். <PRED </PRE> பிரிஃபோமற்றட் (Preformated) ரெக்ஸ்ட்டை உருவாக்குவதற்குப் பயன்படும். -
6hampi' 6hafdisaggi greSQLDoin' at (Head Section Elements)
ஆரம்பம் (ԼpԼգ6) விளக்கம் / பயன்பாடு
<LINK> இல்லை ஒரு ஆவணத்திலிருந்து இன்னொரு ஆவணத் திற்கு இணைப்பை உருவாக்கப் பயன்படும்.
<META) இல்லை ஆவணத்தைப் பற்றிய தகவல்களை வரை
விலக்கணப்படுத்தப் பயன்படும்.
<STYLE> </STYLE> 6TibQUL' (Embedded) 6603, 633 (Sheet)
ஐ உருவாக்கப் பயன்படும்.
<TITLE> |  | S6J600Tjögôg)6ODLulu 560D6DÜJ60DU 6T(upg|6.g53 குப் பயன்படும்.
Gudfis ably disagr GraS6Dair'6ts (Basic Structure Elements)
ஆரம்பம்
(pLq6)
விளக்கம் / பயன்பாடு


எச்ரிஎம்எல் ஆவணம் ஒன்றை உருவாக்க அவசியமான இதில் ஆவணம் ஒன்றின் தலைப்பகுதி, உடற்பகுதி போன்ற யாவும் உள்ளடக்கப்படும்.


எச்ரிஎம்எல் ஆவணம் ஒன்றின் உடற்
பகுதியை எழுதுவதற்குப் பயன்படும்.

Page 34
Gylfa 6hudstLai alasahidairl'at (Table Model Elements)
ஆரம்பம் (plq6) விளக்கம் / பயன்பாடு
 இல்லை ரேபிள் ஒன்றில் கொலத்தை (Column) உருவாக்கப்
பயன்படும்.
  ரேபிள் ஒன்றில் கொலம் ஒன்றைத் தொடங்குவதற்
குப் பயன்படும்.   ரேபிளின் தலையங்கத்தை எழுதுவதற்குப் பயன்
படும். mrm =n— n   ரேபிளில் றோ (Row) ஒன்றைத் தொடங்குவதற்குப் பயன்படும். - 60&fgio GT656Dail'at) (Child Elements)
ஆரம்பம் (pIqബ விளக்கம் / பயன்பாடு  இல்லை இமேஜ் மப் ஒன்றிலுள்ள புள்ளிகளை வரை
யறுப்பதற்குப் பயன்படும்.
  
    (8LJT6örg3, ULʼLquJ6Ü3560)6TI (List) உருவாக்கப் பயன்படும். குறிப்புக்களின் கீழ் உப குறிப்பாக இதை
  • எழுதிய பின் னரே ரெக்ஸ்ட்டை எழுத வேண்டும். KOPTION> .(BuTub 96Tigoy6i GLDg) 66mbl6)L 9 (5 வாக்க இது பயன்படும். KPARAM> இல்லை அப்லெட் மூலகம் ஒன்றுக்கு அல்லது ஒப் ஜெக்ட் மூலகம் ஒன்றுக்கு பராமீற்றர் ஒன்றைக் கடத்துவதற்குப் பயன்படும்.
    ) Disqub Goog) g5T657 (less than - <) 960)L யாளங்களை உருவாக்குவதற்கு எச் ரிஎம்எல்லில் > மற்றும் < என் றும் கொடுக்கவேண்டும். ஏனெனில், எச்ரிஎம்எல்லில் < > அடையாளங் களை, குறிப்புக்களை உருவாக்கப் பயன்படுத்துவதால், இவ்வடையாளங் கள் உலவிகளுக்குக் குழப்பத்தை ஏற்படுத்தும். (3uDgyub, & (ampersand) LDibilg|Lib "" (Quotation mark) 94.35u 960)L யாளங்களை உருவாக்க முறையே & 6T6ỞI MBLò, " 616ỐI (3) Liò குறிப்பிட வேண்டும். &сору; (C) ® (R) ™ TM   < C > & & &Quot; y - 63 -

Page 35
எச்ரிஎம்எல் குறிப்புக்கள் (Tags)
எச்ரிஎம்எல்லில் 90 இற்கும் மேற்பட்ட குறிப்புக்கள் உள்ளன எனப் பார்த்தோம். அவை இங்கே பட்டியலிடப்பட்டுள்ளன.
Special SGML Constructs
1. KDOCTYPE> 2. ,  2. KHEAD), K/HEAD) 3. KHTML>, 
Head Section Elements
. ,
KISINDEX>
KLINKI>
KMETA> , 
KBASE>
Text Level Elements
1. ,  2. KACRONYM>  3. KAPPLET>,  4. ,  5 . KBR> 6. KBDO>,  7. , 10. ,  K/EM> 12. ,  13. KI>, 
1 4 ... KIFRAME>  15. KIMG> 16. ,  17. KMAP>,  18. , 20. ,  21. KSAMP>,  22. ,  23. , ,  25. KSTRONG>,  26. KSUB>,  27. KSUP>,  28. ,  29. KU>,  30. KVAR>,  31. KEBASE FONT>
Block - Level Elements
1. KADDRESS>,  2. KBLOCKQUOTE>
,  4. KDIR>,  5. KDIV>,  6. 
,
7.
,
8. <ЕORM - , - /FORM9.

,

10.

,

11. 12. KH4>, ,
,
KHR> , KNOFRAMES>, KOL>, K/OL> , Special Frame Structure Element 1 ... KIFRAMIESET> K/FRAMIESET> Special Hybrid Elements 1. , 2. KINS>, Form Control Elements 1. KBUTTON>, K/BUTTON> 2 . KINPUT> 3. KILABEL> , K/LABEL> 4. 5. KITEXTAREA>, KI/TEXTAREA> Table Model Elements . ... , , , K/TH> . , . , Child Elements - 65 KAREA> KILEGEND> , K/LEGEND> KILI>, KI/ILI>

Page 36
கலைச்சொற்கள்
இலங்கையில் முதன்முதலாக வெளிவந்துள்ள எச்ரிஎம்எல் நூலான இதில், பல ஆங்கிலப் பதங்களுக்குப் பொருத்தமான கலைச்சொற்களைக் கையாண் டுள்ளேன்.
ஐம்பதிற்கும் அதிகமான ஆங்கிலச்சொற்களும் அவற்றுக்கான கலைச் சொற்களும் இங்கே பட்டியலிடப்பட்டுள்ளன.
Active Link - Surii(35 363)60OT'U Form - படிவம் Anchor Tag - bilangis (3513 L Frame - &t' Ltb Attributes பண்புகள் Header Part - g56)6 o' u(gif Background - 561601600s Hexa - பதின் அறுமமுறை Body Part - 9 Liugif Internal Link - 9 -air6Tib 360)600TL Bold . - தடிப்பு Internet - இணையம்
Border - கரையின் தடிப்பு Internet Browser - உலவி Connection - S60).00Tug (og TLTL Cell - சிற்றறை Italic - சாய்வு
Cell Padding - finj601355b g55616t) Link இணைப்பு
assisi,(sub 660 L (3 Linked word - (Soo)600T'llá; (old Toi)
உள்ள தூரம் List - பட்டியல் Cell Spacing - from 601356.55a560)L Monitor - திரை, கணினித்திரை
யேயுள்ள தூரம் Ordered List - 6 faO)3 ULitqujo) Column - நெடுவரிசை Password - 8b6ġ (Ola#T6io Computer - B600floof Row - வரிசை Controls - கட்டுப்படுத்திகள் Save - சேமித்தல் Data - தகவல்/தரவு Selection - தேர்வு, விருப்பங்கள் Definition List - 660) Ju60BJULiquoi) Starting Tag - syLbLli, (353CIL Document - 56.600TLb Tables - அட்டவணைகள் Ending Tag - S6)6001d35C) Tags - குறிப்புக்கள் E-mail - மின்னஞ்சல் Text - உரை E-mail Address - tô6őT601Gb3f6d (yp8b6f Unordered List - 6 î6ODGÜL (655 TÙ Error Message - 6 (pờGyulaf LJU 191 Ј60 External Link - Golossu JE (S60)600TL User - Lju 60TřT Field - புலம் Value - மதிப்பு File - கோப்பு Web Page - @60D60ÕTu JJ LJäbåtstid Font - எழுத்துரு / எழுத்து Web Site - இணையத் தளம்
66

O O O v O O
எச்ரிஎம்எல் வர்ணங்கள் எச்ரிஎம்எல் ஆவணமொன்றில் பின்னணிக்கோ, ரெக்ஸ்ட்டுக்கோ வர்ணங்களைக் கொடுக்க முடியும் எனப் பார்த்தோம். கீழே 216 வர்ணங்களுக்கான பதின் அறும (Hexa) முறை மதிப்புக்கள் கொடுக்கப்பட்டுள்ளன. இவற்றில் முதல் இரு மதிப்பும் சிவப்பையும் அடுத்த இரு மதிப்பும் பச்சையையும் இறுதி இரு மதிப்பும் நீலத்தையும்
க்கின்றன. குறி D ## ## ## = Red Green Blue
990033 CC O OCC 3333FF FF3366 CCO OFF 3333CC CCOO33 99 O OCC OO 66FF FF0033 990099 OO33FF FF9999 CC99 CC 33 66FF CC3366 996 699 3366CC EFEFCCFF 66.3366 OOOO 66 CC 6 699 66 OO 99 OOOO33 993.366 9933CC OOO OFF 660 O33 6600 66 OOOO 99 CC3399 99 O OEFEF OO33CC FF99CC 9933FF OOOOCC FF 66CC 99 66CC 336 699 FF99FF 33OO33 OO66CC FF6 699 663.399 99CCFF CCOO 66 6633CC 6 699FF FIFOO 66 66OOCC OO3366 FF3399 99 66FF 6 699CC FF009 9 33OO 66 OO 6699 FF33CC 660 OEFEF 3399CC FFOOCC 6633FF OO 99 CC FF 6 6 FF CCCCEFF" 66CCFF FF33FF 99.99FF 339.9FF EFFO O EFF 99.99CC OO3399 CCOO 99 6666CC OO 99FF 990 O 66 6666 FF 33CCFF CC 66CC 666 699 OOCCFF CC33CC 333.366 99FFFF CC99FF 333.399 66FFFF CC 66FF 33OO 99 33FFFF CC33FF 330 OCC O OEFEFEFEF" 993.399 3 3 0 0 EFEF O OCCCC
- 67

Page 37
OO 9999 66.9999 99CCCC CCEFEFEFEF 33 CCCC 66CCCC 33.9999 336 666 OO 6666 OO3333 O OFFCC 33FFCC 33 CC99 OOCC99 66FFCC 99FFCC OOEE99 33.99 6 6 OO 66.33 336633 669 966 66CC66 99FF99 66EE 66 339.933 99CC99 66FF99 33FF99 33CC 66 OOCC 66 66CC99 OO 99.66 OO 99.33 33EF66 Ο ΟEE 66 CCFFCC CCFF99 99FF66 99FF33 O OFF33
33FF33 OOCC33 33CC33 66FF33 00FF00 66CC33 OO 6600 O 03300 OO 9900 33 FF00 66FFOO 99FFOO 66CCOO OOCCOO 33CCOO 3399 OO 99CC 66 669933 99CC33 33 6600 669900 99 CCOO CCFF66 CCFF33 CCFFOO 999 900 CCCCOO CCCC33 3333 OO 666600 999 933 CCCC 66 666633 99.9966 CCCC99 FFFFCC FFFF99 FFFF66 FFFF33 FEFEFFO O
68 س
FFCCOO FFCC66 FFCC33 CC9933 99 6600 CC9900 FF9900 CC 6600 993.300 CC 6633 6633OO FE9966 FF6633 FF9933 FF 6600 CC3300 99.6633 33OOOO 66.3333 99 6666 CC9999 99.3333 CC 6666 EFFCCCC FF3333 CC3333 FF 6666 66OOOO 99 OOOO CCOOOO FFOOOO FF3300
CC9966
FFCC99 EFEFEFEFEFEF
CCCCCC 99.9999 666666 333333 OOOOOO


Page 38
நூலாசிரியர்
நூலாசிரியர் வே. நவமே முயற்சியும் உழைப்பும் நோக்குமுடைய சஞ்சிை பதிப்பாளர், இலங்கைச் ஒரு முன்னோடி என இ பெயர் பெற்றவர். ஆரம்பத்தில் தேசிய பத் உதயன் போன்றவற்றில் "கம்ப்யூட்டர் ருடே' சஞ் கடமையாற்றியவர். உள்நாட்டிலும் வெளிநா கற்கை நெறிகளைப் பய விசேடமாக கணினி பற் கட்டுரைகளை தேசிய எழுதி வெளியிட்டுப் பார தற்போது "கம்பியூட்டர் "வழிகாட்டி" (கல்விச் ச சஞ்சிகைகளில் ஆசிரிய வருகிறார்.
கல்விப்பீடம், கொழும்புப் பல்கலைக்கி 19.10.2001
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

பற்றி.
ாகன் தொலை |35LLIT6Yus,
சஞ்சிகைகளுக்கு ளம் வயதிலேயே
திரிகையான தினக்குரல், ) கடமையாற்றிப் பின்னர் சிகையின் ஆசிரியராகக்
ட்டிலும் பல கணினிக் பின்ற திரு. நவமோகன் றி ஏராளமான பத்திரிகைகளில் ாட்டுப் பெற்றவர். வேர்ல்ட்' மற்றும் இந்சிகை) ஆகிய ராகப் பணியாற்றி
பேராசிரியர் சோ. சந்திரசேகரன்
கழகம்.
FENE