நீங்கள் வரிசைகள் மற்றும் நெடுவரிசைகள் அடிப்படைகள் புரிந்து முறை HTML அட்டவணைகள் எளிதானது - மற்றும் நீங்கள் ஒரு அட்டவணை பயன்படுத்த சரி மற்றும் நீங்கள் தவிர்க்க வேண்டும் போது நீங்கள் புரிந்து முறை.
அட்டவணைகள் மற்றும் வலை வடிவமைப்பு ஒரு சுருக்கமான வரலாறு
பல ஆண்டுகளுக்கு முன்பு, CSS மற்றும் வலை தரநிலைகளுக்கு முன், வலை வடிவமைப்பாளர்கள் HTML
உறுப்புகளை தளங்களுக்கு பக்கம் அமைப்பை உருவாக்க பயன்படுத்தினர். வலைத்தள வடிவமைப்புகளை ஒரு புதிர் போன்ற சிறிய துண்டுகளாக "வெட்டப்படுகின்றன", பின்னர் ஒரு HTML அட்டவணை இணைந்து நோக்கம் என உலாவி வழங்க. அது ஒரு கூடுதல் சிக்கலான செயல்முறை என்று கூடுதல் HTML மார்க் நிறைய மற்றும் பல திரை உலகில் இன்று பொருந்தக்கூடியனவாக இருக்க மாட்டேன் இது எங்கள் வலைத்தளங்கள் வாழ . CSS வலைப்பின்னல் காட்சியமைப்புகள் மற்றும் அமைப்பிற்கான ஏற்றுக்கொள்ளப்பட்ட முறையாக மாறியதால், இதற்கான அட்டவணைகள் பயன்படுத்தப்பட்டன, மேலும் பல வலை வடிவமைப்பாளர்கள் "அட்டவணைகள் மோசமானவை" என்று தவறாக நம்பினர். அது தான் உண்மை. தளவமைப்புக்கான அட்டவணைகள் மோசமாக உள்ளன, ஆனால் அவை வலை வடிவமைப்பு மற்றும் HTML ஆகியவற்றில் இன்னும் இடம் பெற்றுள்ளன, அதாவது அட்டவணை கால அட்டவணை கால அட்டவணையைப் போன்ற அட்டவணை தரவுகளைக் காட்டுகின்றன. அந்த உள்ளடக்கத்திற்கு, ஒரு அட்டவணையைப் பயன்படுத்தி இன்னமும் ஏற்றுக்கொள்ளக்கூடிய மற்றும் நல்ல அணுகுமுறை.
நீ எப்படி ஒரு மேஜை அமைப்பை உருவாக்குகிறாய்? வெறுமனே 2x2 அட்டவணை உருவாக்குவதன் மூலம் ஆரம்பிக்கலாம். இது 2 பத்திகள் (இவை செங்குத்து தொகுதிகள்) மற்றும் 2 வரிசை (கிடைமட்ட தொகுதிகள்). நீங்கள் 2x2 அட்டவணையை கட்டிய பின்னர், கூடுதல் வரிசைகள் அல்லது நெடுவரிசைகளைச் சேர்ப்பதன் மூலம் வெறுமனே விரும்பும் அளவிலான அட்டவணையை உருவாக்கலாம்.
சிரமம்: சராசரி
நேரம் தேவை: 10 நிமிடங்கள்
இங்கே எப்படி இருக்கிறது:
- முதலில் அட்டவணை
ஐ திறக்கவும் - Tr
உடன் முதல் வரிசையைத் திறக்கவும் - Td tag
முதல் பத்தியில் திறக்கவும் - கலத்தின் உள்ளடக்கங்களை எழுதுங்கள்
- முதல் கலத்தை மூடி இரண்டாவது
ஐ திறக்கவும் - இரண்டாவது கலத்தின் உள்ளடக்கங்களை எழுதுங்கள்
- இரண்டாவது செல் மூட மற்றும் வரிசை மூட
- முதல் வரிசையை முதல்
| | - பின் அட்டவணை மூட
நீங்கள் | உறுப்பு பயன்படுத்தி உங்கள் அட்டவணையில் அட்டவணை தலைப்புகளை சேர்க்க தேர்வு செய்யலாம். இந்த அட்டவணை தலைப்புகள் முதல் அட்டவணை வரிசையில் அல்லது "அட்டவணை தரவு" துண்டுகளை மாற்றிவிடும், இதுபோன்றது:
| பெயர் | பங்கு | | ஜெர்மி | வடிவமைப்புகள் < td> ஜெனிபர் | டெவலப்பர் | உலாவியில் இந்தப் பக்கம் வழங்கப்படும் போது, அட்டவணையின் தலைப்புகளுடன் கூடிய முதல் வரிசையானது, இயல்புநிலையாக, தைரியமான உரையில் காட்டப்படும், மேலும் அவை தோன்றும் அட்டவணையில் அவை மையப்படுத்தப்படும்.
எனவே, HTML இல் உள்ள அட்டவணையைப் பயன்படுத்துவது சரிதானா? ஆமாம் - நீங்கள் தளவமைப்பு நோக்கங்களுக்காக அவற்றை பயன்படுத்தாத வரை. நீங்கள் அட்டவணை தகவல் காட்ட வேண்டும் என்றால், ஒரு அட்டவணை அவ்வாறு செய்ய வழி. உண்மையில், ஒரு தவறான தூய்மையின் காரணமாக ஒரு அட்டவணை தவிர்க்கப்படுவதால் இந்த சட்டபூர்வமான HTML உறுப்பு இந்த நாள் மற்றும் வயதில் உள்ள வடிவமைப்பு காரணங்களுக்காக அவற்றைப் பயன்படுத்துவதன் பின்னோக்கி உள்ளது.
ஜெனிபர் கர்ரின் எழுதியது. 8/11/16 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது
| | |