এইচটিএমএল এলিমেন্ট বৈশিষ্ট্যাবলী ব্যবহার করে

টেবিল বৈশিষ্ট্যাবলী শেখার মাধ্যমে এইচটিএমএল ট্যাবলেটে সর্বাধিক বের করা

এইচটিএমএল টেবিল বৈশিষ্ট্যাবলী আপনাকে এইচটিএমএল টেবিলের উপর অনেক বেশি নিয়ন্ত্রণ দেয়। টেবিলের জন্য অনেকগুলি বৈশিষ্ট্যাবলী পাওয়া যায় যা তাদের আরো আকর্ষণীয় করে তুলতে এবং আপনার পৃষ্ঠাটির চেহারা পরিবর্তন করে।

এইচটিএমএল টেবিল এলিমেন্ট বৈশিষ্ট্যাবলী

HTML5 এ উপাদানটি বিশ্বব্যাপী বৈশিষ্ট্যগুলি এবং অন্য একটি বৈশিষ্ট্য ব্যবহার করে:। এবং এটি শুধুমাত্র 1 বা খালি মান (যেমন সীমানা = "") আছে পরিবর্তিত হয়েছে। আপনি সীমানা প্রস্থ পরিবর্তন করতে চান, আপনি সীমানা-প্রস্থ CSS সম্পত্তি ব্যবহার করা উচিত

বৈধ HTML5 টেবিল বৈশিষ্ট্যাবলী সম্পর্কে জানতে নীচে দেখুন।

এইচটিএমএল 4.01 স্পেসিফিকেশনের অংশ যা HTML5 এর মধ্যে অপ্রচলিত হয়ে গেছে:

এবং এইচটিএমএল 4.01 তে অপ্রচলিত একটি বৈশিষ্ট্য এবং এটি HTML5 এ অপ্রচলিতও।

এইচটিএমএল 4.01 টেবিল বৈশিষ্ট্যাবলী সম্পর্কে আরও জানুন।

এমন কিছু বৈশিষ্ট্য রয়েছে যা কোনো HTML স্পেসিফিকেশনের অংশ নয়।

এই বৈশিষ্ট্যগুলি ব্যবহার করে যদি আপনি জানেন যে আপনার ব্রাউজারগুলি তাদের পরিচালনা করতে পারে এবং আপনি বৈধ HTML সম্পর্কে গুরুত্ব দিচ্ছেন না।

ব্রাউজার নির্দিষ্ট টেবিল গুণাবলী সম্পর্কে আরও জানুন

HTML5 টেবিল এলিমেন্ট বৈশিষ্ট্যাবলী

আমরা উপরে উল্লিখিত হিসাবে, বিশ্বব্যাপী বৈশিষ্ট্যাবলীর বাইরে শুধুমাত্র একটি বৈশিষ্ট্য আছে, এটি একটি HTML5 ট্যাবল উপাদান: সীমানা।

সীমানার বৈশিষ্ট্যটি সমগ্র সারণির চারপাশে একটি সীমানা নির্ধারণ করে এবং এর মধ্যে সমস্ত ঘরগুলি ব্যবহার করা হয়। এটি HTML5 স্পেসিফিকেশনে অন্তর্ভুক্ত করা হবে কি না তা নিয়ে কিছু প্রশ্ন ছিল, তবে এটি টেবিলের গঠন সম্পর্কে তথ্য প্রদান করে, কেবল শৈলীগত প্রভাবের বাইরে।

সীমানা বৈশিষ্ট্যাবলী যোগ করার জন্য, যদি আপনি সীমারেখা এবং খালি (বা অ্যাট্রিবিউট বন্ধ রেখে) যদি মান না থাকে তবে আপনি মান 1 সেট করেন। সর্বাধিক ব্রাউজার এছাড়াও সীমানা প্রস্থকে পিক্সেল ঘোষণা করতে 0 সীমান্তের জন্য 0 এবং অন্য কোনও পূর্ণসংখ্যা মান (2, 3, 30, 500, ইত্যাদি) সমর্থন করবে, কিন্তু এটি HTML5 এ অপ্রচলিত। পরিবর্তে, আপনি সীমানা প্রস্থ এবং অন্যান্য শৈলী সংজ্ঞায়িত করতে সিএসএস সীমানা শৈলী বৈশিষ্ট্য ব্যবহার করা উচিত

একটি সীমানা সঙ্গে একটি টেবিল তৈরি করতে লিখুন:

<সারণি সীমানা = "1" >

এটি একটি সীমানা সহ একটি টেবিল

এইচটিএমএল 4.01 অ্যাট্রিবিউট রয়েছে যা HTML5 এ অপ্রচলিত। আপনি যদি এইচটিএমএল 4.01 নথি লেখার পরিকল্পনা করেন, তবে আপনি তাদের শিখতে পারেন, অন্যথায়, আপনি তাদের উপেক্ষা করতে পারেন। এই বৈশিষ্ট্যগুলির অধিকাংশই উপরে বর্ণিত বিকল্প আছে।

আমরা HTML5 (এবং এইচটিএমএল 4.01) এ কার্যকর উপাদানগুলির বৈশিষ্ট্যাবলী বর্ণনা করি। এটি টেবল বৈশিষ্ট্যাবলীগুলি বর্ণনা করে যা এইচটিএমএল 4.01 তে কার্যকর, তবে HTML5 তে অপ্রচলিত আপনি যদি এখনও এইচটিএমএল 4.01 নথি লিখতে পারেন, তবে আপনি এই বৈশিষ্ট্যগুলি ব্যবহার করতে পারেন, তবে তাদের বেশিরভাগ বিকল্প আছে যা আপনার পৃষ্ঠাগুলিকে আরও ভবিষ্যতের জন্য তৈরি করবে যখন আপনি HTML5 এ যান

বৈধ HTML 4.01 গুণাবলী

আমরা উপরে বর্ণিত বৈশিষ্ট্য।

এইচটিএমএল থেকে এইচটিএমএল 4.01 এর পার্থক্য হলো, পিক্সেল সীমানা প্রান্তকে সংজ্ঞায়িত করতে আপনি কোনও পূর্ণসংখ্যা (0, 1, ২, 15, ২0, ২00, ইত্যাদি) নির্দিষ্ট করতে পারেন।

একটি 5px সীমানা সঙ্গে একটি টেবিল নির্মাণ, লিখুন:

<সারণি সীমানা = "5" >

এই টেবিলের একটি 5px সীমানা আছে।

সীমানা দুটি টেবিল সঙ্গে একটি উদাহরণ দেখুন।

বৈশিষ্ট্যাবলী সেল সীমানা এবং কক্ষের বিষয়বস্তুগুলির মধ্যে স্থানের পরিমাণ নির্ধারণ করে। ডিফল্টটি দুটি পিক্সেল। আপনি যদি বিষয়বস্তু এবং সীমানাগুলির মধ্যে কোন স্থান চান না তাহলে 0 থেকে সেলপ্যাডিং সেট করুন।

২0 থেকে সেল প্যাডিং সেট করতে লিখুন:

<টেবিল সেলপ্যাডিং = "20" >

এই টেবিলে ২0 টি একটি সেলপ্যাডিং রয়েছে।


সেল সীমানাগুলি 20 পিক্সেল দ্বারা পৃথক করা হবে।

সেলপ্যাডিং সহ একটি টেবিলের একটি উদাহরণ দেখুন

অ্যাট্রিবিউট সারণি কক্ষ এবং কক্ষের সামগ্রীর মধ্যে স্থান পরিমাণ নির্ধারণ করে। সেলপ্যাডিংয়ের মত, ডিফল্টটি দুই পিক্সেলের মধ্যে সেট করা হয়, সুতরাং যদি আপনি কোনও কক্ষের স্পেস না চান তবে আপনাকে 0 এ সেট করতে হবে।

একটি সারণিতে সেল ফাঁকাকরণ যোগ করতে লিখুন:

<টেবিল কোষপদ্ধতি = "20" >

এই টেবিলে 20 এর একটি কোষ বিভাজক রয়েছে।


সেল 20 পিক্সেল দ্বারা পৃথক করা হবে।

কক্ষপথের সাথে একটি টেবিল দেখুন

অ্যাট্রিবিউটটি চিহ্নিত করে একটি টেবিলের বাইরের পার্শ্ববর্তী সীমানার কোন অংশ দৃশ্যমান হবে। আপনি আপনার টেবিলের চারটি দিক, কোনও এক দিকে, উপরে এবং নীচে, বাম এবং ডান বা কোনটিকে ফ্রেম করতে পারেন।

এখানে কেবল বাম পাশের সীমানা সহ একটি টেবিলের জন্য HTML:

<সারণি সীমানা = "1" ফ্রেম = "lhs" >

এই সারণি
থাকবে


শুধুমাত্র
বাম দিকে গঠিত।

এবং নীচে ফ্রেম সঙ্গে অন্য একটি উদাহরণ:

<সারণি সীমানা = "1" ফ্রেম = "নিচের" >

এই সারণির নীচে একটি ফ্রেম আছে।

ফ্রেমের সাথে কিছু টেবিল দেখুন

অ্যাট্রিবিউটটি ফ্রেমের বৈশিষ্ট্যের অনুরূপ, কেবল টেবিলের কোষের চারপাশের সীমানা প্রভাবিত করে। আপনি TBODY এবং TFOOT বা কোনও গ্রুপের মত কলামের মধ্যে, সমস্ত ঘরগুলিতে নিয়মগুলি সেট করতে পারেন।

সারিগুলির মধ্যে কেবলমাত্র লাইনের সাথে একটি টেবিল নির্মাণ করতে লিখুন:

<সারণি সীমানা = "1" নিয়ম = "সারি" >

এই 4x4 টেবিল আছে
সারিগুলি কলামগুলি না


দিয়ে উল্লিখিত
নিয়ম অ্যাট্রিবিউট।

এবং অন্য কলামের মধ্যে লাইনের সাথে:

<সারণি সীমানা = "1" নিয়ম = "কলস" >

এটি হল
একটি টেবিল
যেখানে


কলাম
হয়
হাইলাইট করা

এখানে নিয়ম অনুযায়ী এএ টেবিলের একটি উদাহরণ

অ্যাট্রিবিউট স্ক্রিন রিডার এবং অন্যান্য ব্যবহারকারী এজেন্টের টেবিলের তথ্য সরবরাহ করে যা টেবিলের পড়ার জন্য কষ্টকর হতে পারে। সংক্ষিপ্ত বৈশিষ্ট্যাবলী ব্যবহার করার জন্য, আপনি টেবিলের একটি সংক্ষিপ্ত বিবরণ লিখুন এবং এটিকে বৈশিষ্ট্যের মান হিসাবে উল্লেখ করুন। সারাংশ সর্বাধিক মান ওয়েব ব্রাউজারে ওয়েব পৃষ্ঠায় প্রদর্শিত হবে না।

একটি সারসংক্ষেপ সহ একটি সহজ টেবিলে কিভাবে লিখতে হয়:

<টেবিল সারাংশ = "এটি একটি নমুনা সারণী যা পূরণকারী তথ্য রয়েছে। এই টেবিলের উদ্দেশ্য একটি সারসংক্ষেপ প্রদর্শন করা হয়।" >

কলাম 1 সারি 1
কলাম ২ সারি 1


কলাম 1 সারি 2
কলাম 2 সারি 2

একটি সারসংক্ষেপ সঙ্গে একটি টেবিল দেখুন

বৈশিষ্ট্যটি পিক্সেল বা কনটেইনার উপাদানটির শতাংশ হিসাবে টেবিলে প্রস্থকে সংজ্ঞায়িত করে। যদি প্রস্থটি সেট না করা থাকে তবে টেবিল কেবলমাত্র যতটা জায়গাটি উপভোগ করবে, ততটি বিষয়বস্তু প্রদর্শন করতে হবে, সর্বোচ্চ প্রস্থের সাথে প্যারেন্ট এলিমেন্টের প্রস্থ হিসাবে একই।

পিক্সেলের একটি নির্দিষ্ট প্রান্তের সাথে একটি টেবিল নির্মাণ করতে লিখুন:

<সারণি প্রস্থ = "300" >

এই টেবিলেরটি 80% এর মধ্যে থাকা কন্টেইনারের প্রস্থ।

এবং প্যাটার্ন উপাদান শতাংশ একটি প্রস্থ সঙ্গে একটি টেবিল নির্মাণ, লিখুন:

<টেবিল প্রস্থ = "80%" >

এই টেবিলেরটি 80% এর মধ্যে থাকা কন্টেইনারের প্রস্থ।

একটি প্রস্থ একটি টেবিলের উদাহরণ দেখুন

অপ্রয়োজনীয় HTML 4.01 টেবল অ্যাট্রিবিউট

এইচটিএমএল 4.01 তে অপসেট করা এবং HTML5 এ অপ্রচলিত টেবিল উপাদানটির একটি বৈশিষ্ট্য রয়েছে: সারিবদ্ধ এই বৈশিষ্ট্যটি আপনাকে সেট করতে দেয় যেখানে টেবিলের পাশে থাকা পাঠ্যের উপর ভিত্তি করে টেবিলটি কোথায় অবস্থিত। এই বৈশিষ্ট্যটি এইচটিএমএল 4.01 তে অপ্রচলিত হয়েছে, এবং আপনাকে এটি ব্যবহার করা এড়িয়ে চলতে হবে। পরিবর্তে, আপনি CSS সম্পত্তি বা মার্জিন বাম ব্যবহার করা উচিত: অটো; এবং মার্জিন ডান: অটো; শৈলী। ভাসমান সম্পত্তিটি আপনাকে একটি ফলাফল প্রদান করে যা সাইনইন অ্যাট্রিবিউট প্রদানের কাছাকাছি হয়, তবে এটি পৃষ্ঠার বিশদ বিশ্লেষণের ফলাফলের উপর প্রভাব ফেলতে পারে। মার্জিন-ডান: অটো; এবং মার্জিন-বাম: অটো; W3C বিকল্প হিসাবে কী সুপারিশ?

এখানে এলাইন অ্যাট্রিবিউট ব্যবহার করে একটি অবচিত উদাহরণ রয়েছে:

<টেবিল সারিবদ্ধ = "ডান" >

এই টেবিলের ডান প্রান্তিক


বামদিকে তার চারপাশে পাঠ্য প্রবাহ

অ্যালাইন অ্যাট্রিবিউট ব্যবহার করে একটি অবচিত উদাহরণ দেখুন।

এবং বৈধ (অ অপ্রচলিত) এইচটিএমএল সহ একই প্রভাব পেতে, লিখুন:

<টেবিল শৈলী = "ভাসমান: ডান;" >

এই টেবিলের ডান প্রান্তিক


বামদিকে তার চারপাশে পাঠ্য প্রবাহ

নিম্নলিখিত টেবল বৈশিষ্ট্যাবলীগুলি ব্যাখ্যা করে যেগুলি কোনো HTML স্পেসিফিকেশনের অংশ নয়।

পূর্ববর্তী তথ্য এইচটিএমএল এলিমেন্টের বৈশিষ্ট্যাবলী বর্ণনা করে যা এইচটিএমএল 4.01 তে কার্যকর কিন্তু HTML5 তে অপ্রচলিত

নিম্নলিখিত টেবল বৈশিষ্ট্যাবলীগুলি বর্ণনা করে যে কোনও বর্তমান স্পেসিফিকেশনে কার্যকর নয়। আপনি যদি আপনার পৃষ্ঠাগুলি যাচাই না করেন এবং আপনার ব্যবহারকারীরা এই উপাদানগুলি সমর্থন করে এমন একটি ব্রাউজার ব্যবহার করেন তবে আপনি এই উপাদানগুলির ব্যবহার করতে পারেন না কিন্তু তাদের বেশিরভাগই আধুনিক ব্রাউজারে অসমর্থিত বা বিকল্প আছে যা আরো মান সম্মত হয়।

আমরা আপনার এইচটিএমএল টেবিলের এই বৈশিষ্ট্যগুলি ব্যবহার করার সুপারিশ করছি না

বৈশিষ্ট্যাবলী হল একটি পুরানো অ্যাট্রিবিউট যা CSS ব্যাপকভাবে সমর্থিত হওয়ার আগে অন্তর্ভুক্ত ছিল। এটি আপনাকে টেবিলের পটভূমির রং পরিবর্তন করতে দেয়। আপনি একটি রঙ নাম বা একটি হেক্সাডেসিমাল কোড সেট করতে পারেন। এই বৈশিষ্ট্যটি এখনও প্রচুর ব্রাউজারে কাজ করে, তবে ভবিষ্যতের HTML- এর জন্য, আপনি এটি ব্যবহার করবেন না এবং সিএসএস ব্যবহার করবেন না।

এই বৈশিষ্ট্যটি ভাল বিকল্প শৈলী সম্পত্তি।

একটি টেবিলের পটভূমি রং পরিবর্তন করতে লিখুন:

<টেবিল শৈলী = "ব্যাকগ্রাউন্ড-রং: # সিসিসি;" >

এই টেবিলের একটি ধূসর পটভূমি আছে

Bgcolor অ্যাট্রিবিউটের মতো, সীমানা রঙের বৈশিষ্ট্যটি আপনাকে অ্যাট্রিবিউটের রং পরিবর্তন করতে দেয়। এই বৈশিষ্ট্যটি কেবল ইন্টারনেট এক্সপ্লোরার দ্বারা সমর্থিত। পরিবর্তে, আপনি সীমানা-রং শৈলী সম্পত্তি ব্যবহার করা উচিত।

আপনার টেবিলের সীমানার রঙ পরিবর্তন করতে লিখুন:

<সারণি সীমানা = "1" শৈলী = "সীমান্ত-রঙ: লাল;" >

এই টেবিলের একটি লাল সীমানা আছে।

আপনার টেবিলের চারপাশে একটি 3D সীমানা তৈরি করার জন্য আপনাকে ইন্টারনেট এক্সপ্লোরারের সীমানা-কালোর আলো এবং সীমান্তের রঙের বৈশিষ্ট্য অন্তর্ভুক্ত করা হয়েছে। যাইহোক, IE8 এবং আপ হিসাবে, এটি শুধুমাত্র IE7 স্ট্যান্ডার্ড মোডে এবং Quirks মোডে সমর্থিত। মাইক্রোসফট বলেছেন যে এই বৈশিষ্ট্য আর সমর্থিত নয়।

অল্প সময়ের জন্য, টেবিল উপাদানগুলির উপর কোলগুলি অ্যাট্রিবিউট করা হয়েছে যাতে ব্রাউজার জানতে পারে টেবিলে কতগুলি কলাম রয়েছে। প্রমান ছিল যে এই বড় টেবিল রেন্ডারিং গতি সাহায্য করবে। যাইহোক এটি শুধুমাত্র ইন্টারনেট এক্সপ্লোরার দ্বারা বাস্তবায়িত হয়েছিল, এবং IE8 এবং আপ হিসাবে, এটি শুধুমাত্র IE7 স্ট্যান্ডার্ড মোড এবং Quirks মোডে সমর্থিত।

যেহেতু একটি প্রস্থ অ্যাট্রিবিউট (HTML5 তে অপ্রচলিত) রয়েছে তাই অনেকেই মনে করেন টেবিলের জন্য উচ্চতাটিও রয়েছে। কিন্তু যেহেতু সারণি তাদের বিষয়বস্তু বা CSS অথবা প্রস্থ অ্যাট্রিবিউটের সংজ্ঞায়িত প্রস্থের প্রান্তের সাথে সামঞ্জস্য করে, উচ্চতা সীমাবদ্ধ নাও হতে পারে এর পরিবর্তে, ব্রাউজারগুলি সারণির ন্যূনতম উচ্চতা নির্ধারণ করতে উচ্চতার বৈশিষ্ট্যকে মঞ্জুরি দেয়। যদি টেবিলের যে উচ্চতা তুলনায় লম্বা ছিল, এটি লম্বা প্রদর্শন হবে। কিন্তু আপনি সম্পত্তি ব্যবহার করা উচিত

সিএসএস উচ্চতার বৈশিষ্ট্য দিয়ে আপনি যদি উচ্চ মানের সীমাবদ্ধ করতে পারেন তবে আপনি CSS বৈশিষ্ট্যের সাথে সাথে কোনও অতিরিক্ত কন্টেন্টের সাথে কি কি তা নির্ধারণ করতে পারেন।

একটি সারণিতে সর্বনিম্ন উচ্চতা নির্ধারণ করতে লিখুন:

<টেবিল শৈলী = "উচ্চতা: 30"; >

এই টেবিলের কমপক্ষে 30 ইএমম বেশি।

টেবিলের বাম / ডান দিকের (hspace) এবং উপরে / নীচের (বিরামহীন) চারপাশে দুটি বৈশিষ্ট্য এবং যোগ স্থান। আপনি পরিবর্তে শৈলী সম্পত্তি ব্যবহার করা উচিত।

উল্লম্ব স্থানটি 20 পিক্সেল এবং অনুভূমিক স্থান 40 পিক্সেল সেট করতে লিখুন:

<টেবিল শৈলী = "মার্জিন: ২0px 40px;"

এই টেবিলে 20 পিক্সেলের একটি বিরাম প্লেস এবং 40 পিক্সেলের একটি হস্পসা রয়েছে।

বৈশিষ্ট্যটি একটি বুলিয়ান বৈশিষ্ট্য যা কিনা টেবিলের উপাদানগুলি মূল উপাদান বা উইন্ডোটির প্রান্তে মোড়ানো হবে বা অনুভূমিক স্ক্রোলিংকে বলবে কিনা তা নির্ধারণ করে। পরিবর্তে, আপনি CSS সম্পত্তি ব্যবহার করে প্রতিটি সারণি ঘরের রোপণ বৈশিষ্ট্য নির্ধারণ করা উচিত।

অনেক টেক্সট দিয়ে লেখা কলাম তৈরি করতে লিখুন, লিখুন:

<টেবিল>

স্টাইল = "সাদা-স্থান: এখন;;" > এটি একটি টন বিষয়বস্তু যার একটি কলাম। কিন্তু যদি এটি ধারক অপেক্ষা বৃহত্তর হয় তবে পাঠ্যটি পরবর্তী লাইনে আবৃত করা উচিত না, তবে পরিবর্তে ব্রাউজার উইন্ডোটি সমস্ত সামগ্রী দেখতে অনুভূমিকভাবে স্ক্রোল করতে বাধ্য করে।

অবশেষে, অ্যাট্রিবিউটটি সংজ্ঞায়িত করে যে প্রতিটি কক্ষের বিষয়বস্তু কীভাবে ঘরের মধ্যে উল্লিখিত হওয়া উচিত। এই অবৈধ অ্যাট্রিবিউটের পরিবর্তে, আপনি যে সারণির পরিবর্তন করতে চান সেটির প্রতিটি কোটিতে CSS বৈশিষ্ট্যের ব্যবহার করা উচিত। আপনি এই শৈলী প্রভাব না লক্ষ্য করা হবে যদি না ঘর এর বিষয়বস্তু অন্যান্য দ্বারা তৈরি উপলব্ধ স্থান কম, বৃহত্তর কোষ।

একটি কক্ষকে নীচে সারিবদ্ধ করতে (মাঝখানে, ডিফল্ট হিসাবে) লিখতে লিখুন:

<টেবিল>

এই সেলটি বিশ্রামের চেয়ে দীর্ঘ এবং তাই উচ্চতা লম্বা হতে বাধ্য করবে। তাই আপনি দেখতে পাবেন যে উল্লম্বভাবে ঘন ঘন ঘন ঘন ঘন ঘন ঘন।
শৈলী = "উল্লম্ব-সারিবদ্ধ: নীচে;" > নীচে সামগ্রী।
মধ্যবর্তী সামগ্রী