நூலாசிரியர்:
Mark Sanchez
உருவாக்கிய தேதி:
28 ஜனவரி 2021
புதுப்பிப்பு தேதி:
1 ஜூலை 2024
![25: HTML மற்றும் CSS இல் அட்டவணை | அட்டவணைகளை உருவாக்குவது எப்படி | HTML மற்றும் CSS கற்றுக்கொள்ளுங்கள் | HTML டுடோரியல் | CSS பயிற்சி](https://i.ytimg.com/vi/dK27jWKtJxs/hqdefault.jpg)
உள்ளடக்கம்
HTML இல் அட்டவணையை உருவாக்குவது மிகவும் கடினம். ஆனால் இந்த கட்டுரையில் குறிப்பிடப்பட்டுள்ள படிகளுடன், உங்கள் தளத்திற்கு ஒன்றை உருவாக்க முடியும்.
படிகள்
1 நோட்பேட் அல்லது வேர்ட்பேட் போன்ற எளிய சொல் செயலாக்க நிரலை விண்டோஸ் அல்லது மேக் ஓபன் டெக்ஸ்ட் எடிட்டில் திறக்கவும்.
2 நீங்கள் பார்க்க விரும்பும் அனைத்து உரையையும் அட்டவணையின் முன் உள்ளிடவும்.
- 3 அட்டவணை> குறிச்சொல்லை உள்ளிட்டு ஒரு HTML ஆவணத்திற்கான அட்டவணையின் பயன்பாட்டை வரையறுக்கவும்.
- 4 Enter ஐ அழுத்தவும்.
5 Tr> tag ஐப் பயன்படுத்தி வரிசை அட்டவணையைத் திறப்பதற்கான குறிச்சொல்லை உள்ளிடவும்.
- 6மீதமுள்ள அனைத்து உறுப்புகளையும் இடமிருந்து வலமாக உருவாக்க நினைவில் கொள்ளுங்கள்.
7 Enter ஐ அழுத்தவும்.
8 வது> குறிச்சொல்லைப் பயன்படுத்தி அட்டவணை தலைப்புக்கான தொடக்கக் குறியீட்டை உள்ளிடவும்.
9 முதல் நெடுவரிசையில் நீங்கள் பயன்படுத்த விரும்பும் தலைப்பை உள்ளிடவும்.
10 அட்டவணை தலைப்பு உறுப்புக்கு / th> குறிச்சொல்லைப் பயன்படுத்தி ஒரு மூடும் குறியை உள்ளிடவும்.
11 Enter ஐ அழுத்தவும்.
12 படிகளை மீண்டும் செய்யவும் (பொருட்களை நெடுவரிசைகளில் ஏற்பாடு செய்தல் இடமிருந்து வலம்).
13 / Tr> குறிச்சொல்லை உள்ளிட்டு இந்த வரியை மூடவும்.
14 Enter ஐ அழுத்தவும்.
15 மற்றொரு tr> tag உடன் மற்றொரு வரியைத் தொடங்குங்கள்.
16 Enter ஐ அழுத்தவும்.
17 Td> டேக் பயன்படுத்தி டேபிள் டேட்டா டேக்கை உள்ளிடவும்.
18 ஒவ்வொரு புலத்திலும் நீங்கள் சேர்க்க விரும்பும் அட்டவணை தரவை உள்ளிடவும்.
- 19இடமிருந்து வலமாக வேலை செய்யவும், மேலே காட்டப்பட்டுள்ள நெடுவரிசைகளிலிருந்து தரவை நிரப்பவும்.
20 ஒவ்வொரு உள்ளீட்டையும் / td> டேக் மூலம் மூடவும்.
- 21 உங்களிடம் உள்ள அனைத்து டேபிள் தரவிற்கும் மீண்டும் செய்யவும்.
- நீங்கள் எதையும் உள்ளிடத் தேவையில்லாத கலங்களுக்கு, td> மற்றும் td> மற்றும் இடையில் எதுவும் உள்ளிடவும். மற்ற இரண்டு துறைகளுக்கு இடையே உள்ள துறைகளுக்கு இது மிகவும் பயனுள்ளதாக இருக்கும்.
- நீங்கள் எதையும் உள்ளிடத் தேவையில்லாத கலங்களுக்கு, td> மற்றும் td> மற்றும் இடையில் எதுவும் உள்ளிடவும். மற்ற இரண்டு துறைகளுக்கு இடையே உள்ள துறைகளுக்கு இது மிகவும் பயனுள்ளதாக இருக்கும்.
22 ஒவ்வொரு வரியையும் மற்றொரு / tr> டேக் மூலம் மூடவும்.
23 ஒவ்வொரு வரியும் கூடியிருக்கும் வரை tr> மற்றும் / td> வரிகளுக்கு கூடுதலாக ஒவ்வொரு வரியையும் மீண்டும் செய்யவும்.
24 அட்டவணை / அட்டவணை> டேக் மூலம் மூடவும்.
25 மீதமுள்ள ஆவணத்திற்கு உங்களுக்குத் தேவையான பின்வரும் HTML உரையை உள்ளிடவும்.
குறிப்புகள்
- ஒவ்வொரு வரியிலிருந்தும் உள்தள்ளுங்கள், இதனால் உங்கள் குறியீட்டில் நீங்கள் என்ன செய்ய முயற்சிக்கிறீர்கள் என்பதைப் புரிந்துகொள்ள முடியும்.
எச்சரிக்கைகள்
- அட்டவணை தலைப்பு இல்லாத தரவின் பல நெடுவரிசைகளை நீங்கள் தற்செயலாக உள்ளிட்டால், அவை இன்னும் காட்டப்படும், ஆனால் அவை கொஞ்சம் முட்டாள்தனமாகத் தோன்றும், மேலும் இந்தத் தகவல் எதற்காக என்று வாசகருக்குப் புரியாது.
- ஒரு HTML பக்கத்தில் அட்டவணைகளை உருவாக்குவது ஒரு தந்திரமான செயல்முறையாகும். முதலில், வெளிப்புறத் தரவைப் பார்த்து, அது எப்படி இருக்கிறது என்பதைப் பார்க்கவும், பின்னர் உலாவவும் மற்றும் புதிய அட்டவணையை அதன் இடத்தில் வைக்கவும்.
- மேம்பட்ட HTML குறியீட்டாளர்களுக்கு HTML அட்டவணை குறியீடு சிறந்தது. இருப்பினும், நீங்கள் இந்த வழிமுறைகளைப் பின்பற்றிய பிறகு, நீங்களும் அவர்களில் ஒருவராக மாறுவீர்கள்.