Skip to main content

ஒரு 2x2 அட்டவணை உருவாக்க - மற்றும் ஒரு HTML அட்டவணை பயன்படுத்தும் போது தெரியும் சரி

Anonim

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

அட்டவணைகள் மற்றும் வலை வடிவமைப்பு ஒரு சுருக்கமான வரலாறு

பல ஆண்டுகளுக்கு முன்பு, CSS மற்றும் வலை தரநிலைகளுக்கு முன், வலை வடிவமைப்பாளர்கள் HTML ஐப் பயன்படுத்தினர்

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

நீ எப்படி ஒரு மேஜை அமைப்பை உருவாக்குகிறாய்? வெறுமனே 2x2 அட்டவணை உருவாக்குவதன் மூலம் ஆரம்பிக்கலாம். இது 2 பத்திகள் (இவை செங்குத்து தொகுதிகள்) மற்றும் 2 வரிசை (கிடைமட்ட தொகுதிகள்). நீங்கள் 2x2 அட்டவணையை கட்டிய பின்னர், கூடுதல் வரிசைகள் அல்லது நெடுவரிசைகளைச் சேர்ப்பதன் மூலம் வெறுமனே விரும்பும் அளவிலான அட்டவணையை உருவாக்கலாம்.

இங்கே எப்படி இருக்கிறது

  1. முதல் அட்டவணை திறக்க

  • ட்ராக் டேக் மூலம் முதல் வரிசையைத் திறக்கவும்

  • Td குறியுடன் முதல் நெடுவரிசையைத் திறக்கவும்

  • கலத்தின் உள்ளடக்கங்களை எழுதுங்கள்

  • முதல் செல் மூட மற்றும் இரண்டாவது திறக்க

  • இரண்டாவது கலத்தின் உள்ளடக்கங்களை எழுதுங்கள்

  • இரண்டாவது செல் மூட மற்றும் வரிசையை மூட

  • முதல் வரிசையில் இரண்டாவது வரிசையை எழுதுங்கள்

  • பின்னர் அட்டவணை மூட

  • அவ்வளவுதான்!

  • நீங்கள் பயன்படுத்தி உங்கள் அட்டவணையில் அட்டவணை தலைப்புகளை சேர்க்க தேர்வு செய்யலாம்

    உறுப்பு. இந்த அட்டவணை தலைப்புகள் "அட்டவணை தரவு" துண்டுகளை முதல் அட்டவணை வரிசையில் மாற்றும், இதைப் போன்றது:

    பெயர்பங்கு
    ஜெர்மிவடிவமைப்பாளர்
    ஜெனிபர்டெவலப்பர்

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

    எனவே, HTML இல் உள்ள அட்டவணையைப் பயன்படுத்துவது சரிதானா?

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

    ஜெனிபர் கர்ரின் எழுதியது. ஜெர்மி கிரார்ட் திருத்தப்பட்டது.