ஒரே நிமிடத்தில் அழகான HTML Comparison Table உருவாக்க

by **ஜனனி** Sat Dec 24, 2011 9:06 am

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

தமிழ் பதிவர்கள் vs ஆங்கில பதிவர்கள்

	தமிழ் பதிவர்கள்	ஆங்கில பதிவர்கள்
பதிவின் தரம்
நட்பு
வருமானம்
வாசகர்களை மதித்தல்
தொடர்ந்து பதிவிடல்
பதிவர்கள் சண்டை
பதிவர்கள் ஒற்றுமை

This table was created with Compare Ninja.

Comparison Table உருவாக்குவது எப்படி?

முதலில் இந்த Compare Ninja தளத்திற்கு சென்று உறுப்பினர் ஆகி கொள்ளுங்கள். பிறகு Home பகுதிக்கு சென்று START NOW என்ற பட்டனை அழுத்தவும்.
முதலில் உங்கள் டேபிளின் தலைப்பை கொடுத்து மற்ற விவரங்களை கொடுக்கவும்.

ஒரே நிமிடத்தில் அழகான HTML Comparison Table உருவாக்க Comparison+table

Next பட்டனை அழுத்தியவுடன் உங்களுக்கு இன்னொரு விண்டோ ஓபன் ஆகும் அதில் உங்கள் Table தோற்றத்தை தேர்வு செய்து கொள்ளவும்.
தேர்வு செய்த பின்னர் Next பட்டனை அழுத்தவும்.

ஒரே நிமிடத்தில் அழகான HTML Comparison Table உருவாக்க Comparison+table1

அடுத்து உங்களுக்கு Table பக்கம் ஓபன் ஆகிவிடும். அதில் உங்களுக்கு விருப்பமான டேபிளை உருவாக்கி கொள்ளுங்கள்.

ஒரே நிமிடத்தில் அழகான HTML Comparison Table உருவாக்க Comparison+table2

Comparison
Table உருவாக்கியவுடன் கீழே உள்ள Show Me The Code என்ற பட்டனை
அழுத்தினால் உங்களின் டேபிளுக்கான HTML மற்றும் CSS கோடிங்க வந்திருக்கும்.
இதில் உங்களுக்கு தேவையானதை காப்பி செய்து உங்கள் வெப்சைட்டில் இணைத்து
கொள்ளுங்கள்.

ஒரே நிமிடத்தில் அழகான HTML Comparison Table உருவாக்க Comparison+table3

இதே போன்று நீங்கள் எத்தனை Comparison Table வேண்டுமானாலும் உருவாக்கி கொள்ளலாம்.