அட்டவணை-கலத்தின் நோக்கம்
ஒரு அட்டவணை-செல் என்பது ஒரு அட்டவணையில் உள்ள ஒரு தனிப்பட்ட உள்ளீடு ஆகும், அது தன்னைப் போலவே பல செல்களால் ஆனது. டேபிள் கலத்தின் முக்கிய நோக்கம், எளிதாகப் புரிந்துகொள்ளவும் புரிந்துகொள்ளவும் தரவை ஒழுங்கான முறையில் பதிவுசெய்வதாகும். இது ஒரு அட்டவணையில் உள்ள ஒரு குறிப்பிட்ட நிலையை குறிக்கிறது, அதில் ஒரு நுழைவு உள்ளது.
அட்டவணை-கலங்களின் வகைகள்
HTML இல் உள்ள ஒரு அட்டவணை முக்கியமாக இரண்டு வகையான செல்களைக் கொண்டுள்ளது. இவை ' தலைப்பு செல்கள் 'மற்றும்' தரவு செல்கள் ”. அவற்றின் வேறுபாடுகள் மற்றும் ஒற்றுமைகள் பற்றிய கூடுதல் விவரங்கள் கீழே கொடுக்கப்பட்டுள்ளன.
தலைப்பு செல்கள்
தலைப்பு செல்கள் ' அட்டவணையின் தலைப்புக் கலமானது நெடுவரிசையின் மேற்பகுதியில் இருக்கும் மற்றும் கீழே உள்ள உள்ளீடுகள் தரவுக் கலங்களாக இருக்கும். இந்தக் கலங்கள் கீழே உள்ள தரவுக் கலங்களிலிருந்து தனித்து அமைக்க குறிப்பிட்ட வடிவமைப்பையும் கொண்டுள்ளன. தலைப்பு செல்கள் தரவு கலங்களில் உள்ள உள்ளடக்கத்திற்கு அர்த்தத்தை சேர்க்க பெரிய எழுத்துரு அளவு மற்றும் தடிமனான எழுத்துக்களைக் கொண்டிருக்க வேண்டும் என்று குறிப்பிடப்பட்டுள்ளது. உதாரணமாக இந்த குறியீட்டின் தொகுதியில்: வெளியீடு பார்த்தபடி, ஹெடர் செல் இயல்பாக தடிமனாக காட்டப்படும். தரவு செல்கள் ' தரவு செல்கள் குறிப்பிட்ட வடிவமைப்பையும் கொண்டுள்ளன. இவை தலைப்பு செல்களை விட சிறிய எழுத்துரு அளவைக் கொண்டுள்ளன மற்றும் தேவைக்கேற்ப எளிய உரை அல்லது எண்களைக் கொண்டிருக்கின்றன. “பெயர்” தலைப்புக் கலத்தின் கீழ் உள்ள தரவுக் கலங்கள் சம்பந்தப்பட்ட நபர்களின் பெயர்களைக் கொண்டிருக்கும், உதாரணமாக ஜான், டேவிட், மைக்கேல் மற்றும் ஜேம்ஸ். உதாரணமாக அட்டவணை தரவு கலத்தை உருவாக்குவதற்கான குறியீட்டை பின்வரும் படிகள் விளக்குகின்றன: HTML டெயில்விண்ட் CSS இல் 'குறிச்சொல். இவை அட்டவணையில் உள்ள நெடுவரிசைகளின் தலைப்புகளை உருவாக்குகின்றன. குறிப்பிட்ட நெடுவரிசையில் உள்ள அனைத்து மதிப்புகளும் என்னவாக இருக்கும் என்பதை தலைப்புகள் வரையறுக்கின்றன. தலைப்புகளின் எடுத்துக்காட்டுகள் பெயர், மின்னஞ்சல் முகவரி, தொடர்பு எண், சமூக பாதுகாப்பு எண் போன்றவை.
கீழே உள்ள குறியீட்டில், “” டேக் மூலம் டேபிள் ஹெடர் கலத்தை உருவாக்கியுள்ளோம்:
< மேசை >
< தலை >
< tr >
< வது > தலைப்பு செல் 01 < / வது >
< / tr >
< / தலை >
< / மேசை >
' குறிச்சொல் மூலம் அட்டவணையை உருவாக்கவும்.
” குறிச்சொற்களை மூடவும்.” குறிச்சொல்லைப் பயன்படுத்தவும்.
' குறிச்சொல்லுக்குள் ' ”, “” மற்றும் “' குறிச்சொல்லைப் பயன்படுத்தி.
தரவு செல்கள்
HTML டெயில்விண்ட் CSS இல் 'குறிச்சொல். இந்த செல்கள் அனைத்து தகவல்களையும் ஒரு அட்டவணையில் வைத்திருக்கின்றன. இவை தலைப்புக் கலங்களுக்குக் கீழே பட்டியலிடப்பட்டுள்ளன மற்றும் ஒரு குறிப்பிட்ட தலைப்புக்கான அனைத்து உள்ளீடுகளுக்கான தரவையும் கொண்டிருக்கின்றன. எடுத்துக்காட்டாக, தலைப்புக் கலமானது “பெயர்” எனத் தலைப்பிடப்பட்டிருந்தால், அதற்குக் கீழே உள்ள தரவுக் கலங்களில் தரவுப் பதிவு செய்யப்பட்ட அனைத்துப் பணியாளர்களின் பெயர்களும் இருக்கும்.
'ஐப் பயன்படுத்தி அட்டவணை தரவுக் கலத்தை உருவாக்குவதற்கான குறியீடு 'குறிச்சொல் கீழே கொடுக்கப்பட்டுள்ளது:
< தலை >
< பாணி >
மேசை {
எல்லை-சரிவு: சரிவு;
}
td {
எல்லை : 1px திட கருப்பு;
திணிப்பு: 10px;
}
< / பாணி >
< / தலை >
< உடல் >
< மேசை >
< tr >
< td >டேபிள்-செல்< / td >
< / tr >
< / மேசை >