HTML இல் ஒரு அட்டவணையை உருவாக்குவது எப்படி

நூலாசிரியர்: Mark Sanchez
உருவாக்கிய தேதி: 28 ஜனவரி 2021
புதுப்பிப்பு தேதி: 1 ஜூலை 2024
Anonim
25: HTML மற்றும் CSS இல் அட்டவணை | அட்டவணைகளை உருவாக்குவது எப்படி | HTML மற்றும் CSS கற்றுக்கொள்ளுங்கள் | HTML டுடோரியல் | CSS பயிற்சி
காணொளி: 25: HTML மற்றும் CSS இல் அட்டவணை | அட்டவணைகளை உருவாக்குவது எப்படி | HTML மற்றும் CSS கற்றுக்கொள்ளுங்கள் | HTML டுடோரியல் | CSS பயிற்சி

உள்ளடக்கம்

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

படிகள்

  1. 1 நோட்பேட் அல்லது வேர்ட்பேட் போன்ற எளிய சொல் செயலாக்க நிரலை விண்டோஸ் அல்லது மேக் ஓபன் டெக்ஸ்ட் எடிட்டில் திறக்கவும்.
  2. 2 நீங்கள் பார்க்க விரும்பும் அனைத்து உரையையும் அட்டவணையின் முன் உள்ளிடவும்.
  3. 3 அட்டவணை> குறிச்சொல்லை உள்ளிட்டு ஒரு HTML ஆவணத்திற்கான அட்டவணையின் பயன்பாட்டை வரையறுக்கவும்.

  4. 4 Enter ஐ அழுத்தவும்.

  5. 5 Tr> tag ஐப் பயன்படுத்தி வரிசை அட்டவணையைத் திறப்பதற்கான குறிச்சொல்லை உள்ளிடவும்.
  6. 6மீதமுள்ள அனைத்து உறுப்புகளையும் இடமிருந்து வலமாக உருவாக்க நினைவில் கொள்ளுங்கள்.
  7. 7 Enter ஐ அழுத்தவும்.
  8. 8 வது> குறிச்சொல்லைப் பயன்படுத்தி அட்டவணை தலைப்புக்கான தொடக்கக் குறியீட்டை உள்ளிடவும்.
  9. 9 முதல் நெடுவரிசையில் நீங்கள் பயன்படுத்த விரும்பும் தலைப்பை உள்ளிடவும்.
  10. 10 அட்டவணை தலைப்பு உறுப்புக்கு / th> குறிச்சொல்லைப் பயன்படுத்தி ஒரு மூடும் குறியை உள்ளிடவும்.
  11. 11 Enter ஐ அழுத்தவும்.
  12. 12 படிகளை மீண்டும் செய்யவும் (பொருட்களை நெடுவரிசைகளில் ஏற்பாடு செய்தல் இடமிருந்து வலம்).
  13. 13 / Tr> குறிச்சொல்லை உள்ளிட்டு இந்த வரியை மூடவும்.
  14. 14 Enter ஐ அழுத்தவும்.
  15. 15 மற்றொரு tr> tag உடன் மற்றொரு வரியைத் தொடங்குங்கள்.
  16. 16 Enter ஐ அழுத்தவும்.
  17. 17 Td> டேக் பயன்படுத்தி டேபிள் டேட்டா டேக்கை உள்ளிடவும்.
  18. 18 ஒவ்வொரு புலத்திலும் நீங்கள் சேர்க்க விரும்பும் அட்டவணை தரவை உள்ளிடவும்.
  19. 19இடமிருந்து வலமாக வேலை செய்யவும், மேலே காட்டப்பட்டுள்ள நெடுவரிசைகளிலிருந்து தரவை நிரப்பவும்.
  20. 20 ஒவ்வொரு உள்ளீட்டையும் / td> டேக் மூலம் மூடவும்.
  21. 21 உங்களிடம் உள்ள அனைத்து டேபிள் தரவிற்கும் மீண்டும் செய்யவும்.
    • நீங்கள் எதையும் உள்ளிடத் தேவையில்லாத கலங்களுக்கு, td> மற்றும் td> மற்றும் இடையில் எதுவும் உள்ளிடவும். மற்ற இரண்டு துறைகளுக்கு இடையே உள்ள துறைகளுக்கு இது மிகவும் பயனுள்ளதாக இருக்கும்.
  22. 22 ஒவ்வொரு வரியையும் மற்றொரு / tr> டேக் மூலம் மூடவும்.
  23. 23 ஒவ்வொரு வரியும் கூடியிருக்கும் வரை tr> மற்றும் / td> வரிகளுக்கு கூடுதலாக ஒவ்வொரு வரியையும் மீண்டும் செய்யவும்.
  24. 24 அட்டவணை / அட்டவணை> டேக் மூலம் மூடவும்.
  25. 25 மீதமுள்ள ஆவணத்திற்கு உங்களுக்குத் தேவையான பின்வரும் HTML உரையை உள்ளிடவும்.

குறிப்புகள்

  • ஒவ்வொரு வரியிலிருந்தும் உள்தள்ளுங்கள், இதனால் உங்கள் குறியீட்டில் நீங்கள் என்ன செய்ய முயற்சிக்கிறீர்கள் என்பதைப் புரிந்துகொள்ள முடியும்.

எச்சரிக்கைகள்

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