এই নিবন্ধটি আপনাকে এইচটিএমএল টেবিলগুলির বিশদ এবং বিস্তৃত কে-নওলজ সরবরাহ করবে। বিভিন্ন ট্যাগ এবং ফর্ম্যাট করা যায়।
প্রযুক্তিগত সূচনা হওয়ার পরে, একটি টেবিলটি ডেটা সংরক্ষণ এবং ভিজ্যুয়ালাইজ করার একটি সাধারণ উপায়। এটি প্রায় সমস্ত ক্ষেত্রে পাঠ্য তথ্য এবং সংখ্যাগত তথ্য উপস্থাপনের জন্য ব্যবহৃত হয় যার মধ্যে আপনি সহজেই দুটি বা ততোধিক উপাদানগুলির তুলনা করতে পারেন। এই নিবন্ধে, আমি আলোচনা করা হবে নিম্নলিখিত আদেশে টেবিলগুলি:
সহজ কথায়, একটি সারণি সম্পর্কিত তথ্যগুলির একটি সংগ্রহ যা সারি এবং কলামগুলি নিয়ে গঠিত। এখন আমরা জানি যে ওয়েব পৃষ্ঠাগুলি তৈরি করতে এবং এটি একটি ওয়েব ব্রাউজারে প্রদর্শনের জন্য এইচটিএমএল একটি মানক চিহ্ন ভাষা। সুতরাং, সারণী তৈরি করা এবং কাজ করা এইচটিএমএলকে আয়ত্ত করার জন্য একটি গুরুত্বপূর্ণ সাব-দক্ষ হয়ে ওঠে। এই ব্লগে, আমরা কীভাবে এইচটিএমএল টেবিলগুলি নিয়ে কাজ করব তা শিখব।
ট্যাগ টেবিলের মধ্যে ডেটা বা সেল ব্যবহার করে সংজ্ঞায়িত করা হয়
ট্যাগ
এইচটিএমএল সারণী ট্যাগ
আসুন প্রথমে সারণী তৈরি করতে ব্যবহৃত HTML ট্যাগগুলির তালিকাটি দেখি। পরে এই ব্লগে এগিয়ে যাওয়া, আমরা উদাহরণগুলির সাহায্যে সেগুলি কীভাবে ব্যবহার করব তা শিখব।
: একটি টেবিল সংজ্ঞায়িত করতে ব্যবহৃত
: একটি সারণীতে একটি শিরোনাম ঘর সংজ্ঞায়িত করতে ব্যবহৃত হয়
: একটি সারণিতে একটি সারি সংজ্ঞায়িত করতে ব্যবহৃত হয়
: একটি সারণীতে একটি ঘর নির্ধারণ করতে ব্যবহৃত হয়
:একটি টেবিলের ক্যাপশন সংজ্ঞায়িত করতে ব্যবহৃত হয়
:বিন্যাসের জন্য কোনও টেবিলের এক বা একাধিক কলামের একটি গ্রুপ নির্দিষ্ট করতে ব্যবহৃত হয়
: একটি উপাদান মধ্যে প্রতিটি কলামের জন্য কলাম বৈশিষ্ট্য নির্দিষ্ট করতে ব্যবহৃত
:একটি সারণীতে শিরোলেখ সামগ্রীটি গ্রুপ করতে ব্যবহৃত হয়
: একটি টেবিলের মধ্যে শরীরের বিষয়বস্তু গ্রুপ করতে ব্যবহৃত হয়
: একটি টেবিলের মধ্যে পাদলেখ বিষয়বস্তু গোষ্ঠী ব্যবহৃত
এখন একটি সারণী তৈরি করতে নমুনা HTML কোডটি দেখুন।
নাম
বয়স
অভিষেক
18
বব
2. 3
আউটপুট:
এইচটিএমএল সারণির বিভিন্নতা
সেলপ্যাডিং এবং সেলস্পেসিং বৈশিষ্ট্য
সেলপ্যাডিং এবং সেলস্পেসিং নামে দুটি বৈশিষ্ট্য রয়েছে যা আপনি আপনার টেবিলের কোষগুলিতে সাদা স্থান সামঞ্জস্য করতে ব্যবহার করতে পারেন। সেলস্পেসিং বৈশিষ্ট্যটি টেবিল কোষগুলির মধ্যে স্থানকে সংজ্ঞায়িত করে, যখন সেলপ্যাডিং কোষের মধ্যে সীমানা এবং কন্টেন্টের মধ্যে দূরত্ব উপস্থাপন করে।
সেলস্পেসিং এবং সেলপ্যাডিং
নাম
বয়স
অভিষেক
পনের
বব
2. 3
কলস্পান এবং রোউস্পান বৈশিষ্ট্য
কলস্পান অ্যাট্রিবিউট দুটি বা ততোধিক কলামগুলিকে মার্জ করার জন্য ব্যবহৃত হয়, যেখানে সারিস্প্যান দুটি বা ততোধিক সারি মার্জ করার জন্য ব্যবহৃত হয়।
এইচটিএমএল আপনাকে সারণির উচ্চতা এবং প্রস্থ সামঞ্জস্য করার জন্য সহায়তা দেয়। যথাক্রমে টেবিলের প্রস্থ এবং উচ্চতা নির্ধারণ করতে প্রস্থ বৈশিষ্ট্য এবং উচ্চতা বৈশিষ্ট্য ব্যবহৃত হয়। আপনি এটি স্ক্রিনে উপলব্ধ ক্ষেত্রের শতাংশের পরিমাণে বা পিক্সেলের ক্ষেত্রে নির্দিষ্ট করতে পারেন।
এইচটিএমএল টেবিলের প্রস্থ এবং উচ্চতা
অভিষেক
পনের
বব
2. 3
সারণী শিরোনাম, দেহ এবং পাদচরণ
একটি টেবিলকে তিনটি ভাগে ভাগ করা যায়, যেমন, একটি শিরোনাম, একটি শরীর এবং একটি পাদচরণ। শিরোনাম এবং পাদচরণ একটি শব্দের নথিতে শিরোনাম এবং পাদচরণের সমান যা প্রতিটি পৃষ্ঠার জন্য সাধারণ থাকে, যেখানে শরীরে মূল বিষয়বস্তু রয়েছে।
ট্যাগ পৃথক টেবিল শিরোলেখ তৈরি করে, যেখানে পৃথক টেবিল ফুটার তৈরি করে। ট্যাগগুলিতে টেবিলের মূল অংশ থাকে।
আপনি একটি টেবিলের পটভূমিও সেট করতে পারেন। বিজিকালার বৈশিষ্ট্য পুরো টেবিলের পাশাপাশি একটি ঘরের জন্য পটভূমির রঙ নির্ধারণ করে, যেখানে ব্যাকগ্রাউন্ড বৈশিষ্ট্যটি পুরো টেবিলের পাশাপাশি কেবল একটি ঘরের জন্য একটি পটভূমি চিত্র সেট করে।
ক্যাপশন ট্যাগটি টেবিলের শীর্ষে প্রদর্শিত টেবিলের শিরোনাম বা ব্যাখ্যা হিসাবে কাজ করে।
এইচটিএমএল সারণী পটভূমি
টেবিল ক্যাপশন
কলাম ঘ
কলাম 2
কলাম 3
সারি 1 ঘর 1
সারি 1 ঘর 2
সারি 1 ঘর 3
সারি 2 ঘর 2
সারি 2 ঘর 3
সারি 3 ঘর 1
এটির সাথে আমরা এই নিবন্ধটির শেষে এসেছি। এখন উপরের স্নিপেটগুলি কার্যকর করার পরে আপনি বুঝতে পারবেন কীভাবে এইচটিএমএলে সারণী তৈরি করতে হয়। আমি আশা করি এই ব্লগটি তথ্যবহুল এবং আপনার কাছে মূল্য সংযোজনযোগ্য।
দেখুনএডুরেকা, বিশ্বস্ত জুড়ে 250,000 এরও বেশি সন্তুষ্ট শিক্ষার্থীর নেটওয়ার্ক সহ একটি বিশ্বস্ত অনলাইন লার্নিং সংস্থা byওয়েব ডেভেলপমেন্ট শংসাপত্র প্রশিক্ষণ আপনাকে এইচটিএমএল 5, সিএসএস 3, টুইটার বুটস্ট্র্যাপ 3, জ্যাকুয়ারি এবং গুগল এপিআই ব্যবহার করে কীভাবে চিত্তাকর্ষক ওয়েবসাইট তৈরি করতে এবং এটি অ্যামাজন সিম্পল স্টোরেজ সার্ভিসে (এস 3) স্থাপন করতে সহায়তা করবে help
আমাদের জন্য একটি প্রশ্ন আছে? দয়া করে এই নিবন্ধটির মন্তব্য বিভাগে এটি উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।