CSS இல் ஒரு அட்டவணை-தலைப்பு குழு மற்றும் ஒரு அட்டவணை-அடிக்குறிப்பு குழுவின் பயன்பாடு என்ன

அட்டவணை-தலைப்பு குழு என்றால் என்ன?

CSS இல், ' அட்டவணை-தலைப்பு குழு '' வழியாக அட்டவணையின் தலைப்பைக் காட்டப் பயன்படுகிறது ” குறிச்சொல். தலைப்பு செங்குத்து நெடுவரிசையில் முதல் நுழைவுடன் ஒத்துள்ளது. இது அட்டவணை உள்ளீடுகள் பற்றிய தகவலைக் குறிப்பிடுகிறது. தேவைப்பட்டால், தலைப்பு பல நெடுவரிசைகளையும் பரப்பலாம். CSS இல் ஒரு அட்டவணை-நெடுவரிசைக் குழுவை உருவாக்குவதன் மூலம் இதைச் செய்யலாம்.

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

அட்டவணை-தலைப்பை எவ்வாறு உருவாக்குவது என்பதை பின்வரும் படிகள் விளக்குகின்றன:

• சேர் ' <அட்டவணை> அட்டவணையை உருவாக்க டேக்.
• அடுத்த கட்டத்தில், ' ” டேபிள் தலைப்பைக் குறிக்கும் குறிச்சொல்.
• “” குறிச்சொல் வழியாக தலைப்பு மதிப்புகளை வரிசையாகச் சேர்த்து, “” குறிச்சொல் வழியாக தலைப்பை மூடவும்.
• இப்போது, ​​அடங்கும் ' ” டேபிள் பாடியை தொடங்க டேக்.
• “” குறிச்சொல்லைப் பயன்படுத்தி ஒவ்வொரு வரிசைகளுக்கும் தரவைச் செருகவும்.
• அட்டவணை உடல் மற்றும் அட்டவணையை முடிக்கவும் ' 'மற்றும்' ” குறிச்சொற்கள், முறையே.

வெளியீடு

அட்டவணை-அடிக்குறிப்பு குழு என்றால் என்ன?

' அட்டவணை-அடிக்குறிப்பு குழு CSS இல் ஒரு அட்டவணையின் அடிக்குறிப்பைக் காட்ட '' பயன்படுத்தப்படுகிறது. ” குறிச்சொல். அடிக்குறிப்பு அட்டவணை உள்ளடக்கத்தைப் பற்றிய தகவலையும் தருகிறது, இது வாசகருக்கு தரவை இன்னும் தெளிவாகப் புரிந்துகொள்ள உதவுகிறது. முந்தைய பகுதியின் அதே எடுத்துக்காட்டைப் பயன்படுத்தி, அட்டவணையில் உள்ள 'ஆண்கள்' மற்றும் 'பெண்கள்' க்கான ஒவ்வொரு நெடுவரிசையிலும் உள்ள மொத்த உள்ளீடுகளின் எண்ணிக்கையைக் கொடுக்கும் அடிக்குறிப்பைச் சேர்க்கவும்.

உதாரணமாக
விவாதிக்கப்பட்ட கருத்தை விளக்கும் பின்வரும் உதாரணத்தின் கண்ணோட்டம்:

அட்டவணை-அடிக்குறிப்பை உருவாக்குவதற்கான படிகளை பின்வரும் படிகள் விளக்குகின்றன:

• முந்தைய உதாரணத்தைப் போலவே, '' <அட்டவணை> ” டேபிளை உருவாக்க/சேர்க்க டேக்.
• அடங்கும்' ” டேபிள் தலைப்பைக் குறிப்பிட டேக்.
• இப்போது, ​​இதேபோல், தலைப்பு தலைப்புகளை வரிசையாகச் சேர்த்து, தலைப்பை மூடவும் ” குறிச்சொல்.
• அட்டவணை உள்ளடக்கத்தைக் குறிப்பிடுவதற்கும் அதில் தரவைச் சேர்ப்பதற்கும் விவாதிக்கப்பட்ட அணுகுமுறைகளை நினைவுபடுத்தவும்.
• இப்போது, ​​சேர் ' 'டேபிள் அடிக்குறிப்பைத் தொடங்க குறிச்சொல்.
• அட்டவணை அடிக்குறிப்பிற்கான தரவை வரிசையாகச் சேர்த்து, '' ஐப் பயன்படுத்தி அடிக்குறிப்பை மூடவும் ” குறிச்சொல்.
• கடைசியாக, '' ஐப் பயன்படுத்தி அட்டவணையை முடிக்கவும் ” குறிச்சொல்.

வெளியீடு
மேலே எழுதப்பட்ட குறியீடு பின்வரும் முடிவை உருவாக்குகிறது:

முடிவுரை

CSS இல் உள்ள அட்டவணையில் உள்ள தலைப்பு மற்றும் அடிக்குறிப்பு முறையே அட்டவணையின் மேல் மற்றும் கீழ் கூடுதல் தகவல்களைச் சேர்க்க உதவுகிறது. இந்தத் தகவல் அட்டவணை எதைப் பற்றியது என்பதைத் தீர்மானிக்க உதவுகிறது மற்றும் அட்டவணையில் செருகப்பட்ட மதிப்புகளுக்குள் உள்ள கூடுதல் விவரங்களை வழங்குகிறது. இவை இரண்டும் சேர்ந்து, அட்டவணையில் இணைக்கப்பட்ட தரவை மிகச்சரியாக வடிவமைக்கின்றன.