இந்த கட்டுரை HTML அட்டவணைகளின் விரிவான மற்றும் விரிவான KNowledge ஐ உங்களுக்கு வழங்கும். செய்யக்கூடிய பல்வேறு குறிச்சொற்கள் மற்றும் வடிவமைத்தல்.
தொழில்நுட்ப தொடக்கத்திலிருந்து, தரவை சேமிப்பதற்கும் காட்சிப்படுத்துவதற்கும் ஒரு பொதுவான வழி அட்டவணை. உரைத் தகவல் மற்றும் எண் தரவை வழங்க கிட்டத்தட்ட எல்லா துறைகளிலும் இது பயன்படுத்தப்படுகிறது, அதில் நீங்கள் இரண்டு அல்லது அதற்கு மேற்பட்ட கூறுகளை எளிதாக ஒப்பிடலாம். இந்த கட்டுரையில், நான் விவாதிக்கிறேன் பின்வரும் வரிசையில் அட்டவணைகள்:
எளிமையான சொற்களில், அட்டவணை என்பது வரிசைகள் மற்றும் நெடுவரிசைகளைக் கொண்ட தொடர்புடைய தரவுகளின் தொகுப்பாகும். இப்போது HTML என்பது வலைப்பக்கங்களை உருவாக்குவதற்கும் வலை உலாவியில் காண்பிப்பதற்கும் ஒரு நிலையான மார்க்அப் மொழியாகும். எனவே, அட்டவணைகளை உருவாக்குவதும் வேலை செய்வதும் HTML ஐ மாஸ்டர் செய்வதற்கான முக்கியமான துணைத் திறனாக மாறும். இந்த வலைப்பதிவில், HTML இல் அட்டவணைகளுடன் எவ்வாறு செயல்படுவது என்பதைக் கற்றுக்கொள்வோம்.
ஒரு HTML அட்டவணையை வரையறுக்க, நாங்கள் பயன்படுத்துகிறோம்
குறிச்சொல். உள்ளே
குறிச்சொல், நீங்கள் முதலில் அட்டவணை வரிசைகளை வரையறுக்கிறீர்கள்
குறிச்சொல். அடுத்து, அட்டவணை தலைப்புகளை வரையறுக்கிறீர்கள்
குறிச்சொல். அட்டவணையில் உள்ள தரவு அல்லது கலத்தைப் பயன்படுத்தி வரையறுக்கப்படுகிறது
குறிச்சொல்.
HTML அட்டவணை குறிச்சொற்கள்
அட்டவணைகளை உருவாக்கப் பயன்படுத்தப்படும் HTML குறிச்சொற்களின் பட்டியலை முதலில் பார்ப்போம். பின்னர் இந்த வலைப்பதிவில் முன்னேறும்போது, எடுத்துக்காட்டுகளின் உதவியுடன் அவற்றை எவ்வாறு பயன்படுத்துவது என்பதைக் கற்றுக்கொள்வோம்.
: அட்டவணையை வரையறுக்கப் பயன்படுகிறது
: அட்டவணையில் ஒரு தலைப்பு கலத்தை வரையறுக்கப் பயன்படுகிறது
: அட்டவணையில் ஒரு வரிசையை வரையறுக்கப் பயன்படுகிறது
: அட்டவணையில் உள்ள கலத்தை வரையறுக்கப் பயன்படுகிறது
:அட்டவணையின் தலைப்பை வரையறுக்கப் பயன்படுகிறது
:வடிவமைப்பதற்காக ஒரு அட்டவணையில் ஒன்று அல்லது அதற்கு மேற்பட்ட நெடுவரிசைகளின் குழுவைக் குறிப்பிட பயன்படுகிறது
: ஒரு உறுப்புக்குள் ஒவ்வொரு நெடுவரிசைக்கும் நெடுவரிசை பண்புகளைக் குறிப்பிட பயன்படுகிறது
:தலைப்பு உள்ளடக்கத்தை அட்டவணையில் தொகுக்கப் பயன்படுகிறது
: ஒரு அட்டவணையில் உடல் உள்ளடக்கத்தை தொகுக்க பயன்படுகிறது
: ஒரு அட்டவணையில் அடிக்குறிப்பு உள்ளடக்கத்தை தொகுக்க பயன்படுகிறது
இப்போது அட்டவணையை உருவாக்க மாதிரி HTML குறியீட்டைப் பார்ப்போம்.
பெயர்
வயது
அபிஷேக்
18
பாப்
2. 3
வெளியீடு:
HTML அட்டவணையின் மாறுபாடுகள்
செல்பேடிங் மற்றும் செல்ஸ்பேசிங் பண்புக்கூறுகள்
செல்பேடிங் மற்றும் செல்பேசிங் எனப்படும் இரண்டு பண்புக்கூறுகள் உள்ளன, அவை உங்கள் அட்டவணை கலங்களில் உள்ள வெள்ளை இடத்தை சரிசெய்ய பயன்படுத்தலாம். செல்ஸ்பேசிங் பண்புக்கூறு அட்டவணை கலங்களுக்கு இடையில் இடத்தை வரையறுக்கிறது, அதே நேரத்தில் செல்பேடிங் செல் எல்லைகளுக்கும் ஒரு கலத்திற்குள் உள்ள உள்ளடக்கத்திற்கும் இடையிலான தூரத்தை குறிக்கிறது.
செல்ஸ்பேசிங் & செல்பேடிங்
பெயர்
வயது
அபிஷேக்
பதினைந்து
பாப்
2. 3
கோல்ஸ்பான் மற்றும் ரோஸ்பான் பண்புக்கூறுகள்
இரண்டு அல்லது அதற்கு மேற்பட்ட நெடுவரிசைகளை ஒன்றிணைக்க கோல்ஸ்பான் பண்புக்கூறு பயன்படுத்தப்படுகிறது, அதேசமயம் இரண்டு அல்லது அதற்கு மேற்பட்ட வரிசைகளை ஒன்றிணைக்க ரோஸ்பான்கள் பயன்படுத்தப்படுகின்றன.
கோல்ஸ்பன் & ரோஸ்பான்
தொகுதி
பெயர்
வயது
கணினி அறிவியல்
அபிஷேக்
பதினைந்து
பாப்
2. 3
இடைவெளி
அட்டவணை உயரம் மற்றும் அகலம்
அட்டவணை உயரம் மற்றும் அகலத்தை சரிசெய்ய HTML உங்களுக்கு அந்நியச் செலாவணியை வழங்குகிறது. அகல பண்புக்கூறு & உயர பண்பு முறையே அட்டவணையின் அகலத்தையும் உயரத்தையும் அமைக்கப் பயன்படுகிறது. திரையில் கிடைக்கும் பரப்பளவு அல்லது பிக்சல்கள் அடிப்படையில் நீங்கள் அதைக் குறிப்பிடலாம்.
ஒரு அட்டவணையை மூன்று பிரிவுகளாக உடைக்கலாம், அதாவது, ஒரு தலைப்பு, ஒரு உடல் மற்றும் ஒரு அடிக்குறிப்பு. தலைப்பு மற்றும் அடிக்குறிப்பு என்பது ஒவ்வொரு பக்கத்திற்கும் பொதுவானதாக இருக்கும் ஒரு சொல் ஆவணத்தில் தலைப்பு மற்றும் அடிக்குறிப்பைப் போன்றது, அதேசமயம் உடலில் முக்கிய உள்ளடக்கம் உள்ளது.
குறிச்சொல் தனி அட்டவணை தலைப்பை உருவாக்குகிறது, அங்கு ஒரு தனி அட்டவணை அடிக்குறிப்பை உருவாக்குகிறது. குறிச்சொற்கள் அட்டவணையின் உடலைக் கொண்டுள்ளன.
தலைப்பு, அடிக்குறிப்பு மற்றும் உடல் கொண்ட HTML அட்டவணை
அட்டவணை தலைப்பு
அட்டவணை அடிக்குறிப்பு
பெயர்
வயது
மதிப்பெண்கள்
அட்டவணை பின்னணிகள் & தலைப்பு
நீங்கள் ஒரு அட்டவணை பின்னணியையும் அமைக்கலாம். Bgcolor பண்புக்கூறு முழு அட்டவணைக்கும் ஒரு கலத்திற்கும் பின்னணி நிறத்தை அமைக்கிறது, அதேசமயம் பின்னணி பண்புக்கூறு முழு அட்டவணைக்கும் ஒரு கலத்திற்கும் பின்னணி படத்தை அமைக்கிறது.
தலைப்பு குறிச்சொல் அட்டவணையின் தலைப்பு அல்லது விளக்கமாக அட்டவணையின் மேற்புறத்தில் காட்டப்படும்.
HTML அட்டவணை பின்னணி
அட்டவணை தலைப்பு
நெடுவரிசை 1
நெடுவரிசை 2
நெடுவரிசை 3
வரிசை 1 செல் 1
வரிசை 1 செல் 2
வரிசை 1 செல் 3
வரிசை 2 செல் 2
வரிசை 2 செல் 3
வரிசை 3 செல் 1
இதன் மூலம் இந்த கட்டுரையின் முடிவுக்கு வருகிறோம். இப்போது மேலே உள்ள துணுக்குகளை இயக்கிய பிறகு, HTML இல் அட்டவணையை எவ்வாறு உருவாக்குவது என்பதை நீங்கள் புரிந்துகொண்டிருப்பீர்கள். இந்த வலைப்பதிவு உங்களுக்கு தகவல் மற்றும் கூடுதல் மதிப்பு என்று நம்புகிறேன்.
பாருங்கள்உலகெங்கிலும் பரவியுள்ள 250,000 க்கும் மேற்பட்ட திருப்தியான கற்றவர்களின் வலைப்பின்னலுடன் நம்பகமான ஆன்லைன் கற்றல் நிறுவனமான எடுரேகாவால்.HTML5, CSS3, Twitter பூட்ஸ்டார்ப் 3, jQuery மற்றும் Google API களைப் பயன்படுத்தி ஈர்க்கக்கூடிய வலைத்தளங்களை எவ்வாறு உருவாக்குவது மற்றும் அதை அமேசான் எளிய சேமிப்பக சேவைக்கு (S3) பயன்படுத்துவது எப்படி என்பதை அறிய வலை அபிவிருத்தி சான்றிதழ் பயிற்சி உதவும்.
எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? இந்த கட்டுரையின் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களிடம் திரும்புவோம்.
