একটি টেবিল মধ্যে এইচটিএমএল ব্যবহার

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

পূর্বে, প্রায় সব ওয়েবমাস্টার সাইট বিন্যাস জন্য টেবিল ব্যবহৃত। প্রাথমিকভাবে, এই জন্য টেবিল উদ্ভাবিত হয়নি। অতএব, একটি সাইট আপ চিহ্নিত করার জন্য, আপনি ব্লক ডিভ উপাদান ব্যবহার করতে হবে।

আপনি যদি সবসময় একটি নবজাতক হতে চান না, ডান অধিকার সবকিছুই ব্যবহার করতে ব্যবহার করুন। এইচটিএমএল এ এটি খুবই গুরুত্বপূর্ণ টেবিলের মধ্যে আপনি শুধুমাত্র স্বাভাবিক তথ্য (টেক্সট, লিঙ্ক, তালিকা, চিত্র, ইত্যাদি) স্থাপন করতে হবে, এবং সমগ্র সাইট নয়।

কিভাবে একটি এইচটিএমএল টেবিল তৈরি করতে?

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

যদি আপনি "নোটপ্যাড" এ কোন সাইট লিখেন তাহলে আপনাকে আপনার হাতে সবকিছু করতে হবে। সমাপ্ত সম্পাদক যদি, তারপর সাধারণত বাটন আছে - "একটি টেবিল সন্নিবেশ", "একটি ইমেজ সন্নিবেশ" এবং তাই।

টেবিল 2 থেকে 2 উদাহরণ

<সারণি প্রস্থ = "100%" সীমানা = "1">

<টিডি> প্রথম লাইনের প্রথম কক্ষের পাঠ্য

<টিডি> প্রথম লাইনের দ্বিতীয় কক্ষের পাঠ্য

দ্বিতীয় লাইনের প্রথম সেলের পাঠ্য

দ্বিতীয় লাইনের দ্বিতীয় সেলের পাঠ্য

<টেবিল> এবং ট্যাগ সারণির সূচনা এবং শেষ নির্দেশ করে। এবং ট্যাগ লাইনের শুরু এবং শেষ। এক লাইনে এবং ট্যাগ দ্বারা সংজ্ঞায়িত হিসাবে অনেকগুলি কোষ হতে পারে।

প্রধান নিয়ম: প্রতি লাইনে কোষ সংখ্যা একই হওয়া উচিত। এটি একটি টেবিল।

কিন্তু, ওয়ার্ড এবং এক্সেল সম্পাদকের মত, কোষগুলি একে অপরের সাথে মিলিত হতে পারে।

কিভাবে টেবিলে কোষগুলিকে একত্রিত করবেন?

একত্রিত করার জন্য, কলসপ্যান এবং রাওস্প্যান বৈশিষ্ট্যগুলি ব্যবহার করুন। স্প্যান "আলিঙ্গন" বা "ওভারল্যাপ" হিসাবে অনুবাদ করে। আক্ষরিক অর্থ আবরণ / কভার ঘর / লাইন।

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

এই উদাহরণে, প্রথম লাইনের উপর, কলসপেন = "3" অ্যাট্রিবিউট ব্যবহার করে 3 টি কোষ মিলিত হয়। তারপর দ্বিতীয় সারি প্রথম সেল চার লাইন মধ্যে প্রসারিত ছিল। মনে রাখবেন যে আমরা প্রথম কোষে শুধুমাত্র প্রসারিত / একত্রিত। এর সম্পত্তি আরো প্রসারিত করা হবে। আগে যা যা সবকিছুই প্রভাবিত হবে না।

যদি আপনার 5 টি কোষ থাকে এবং 2 থেকে 4 এর মধ্যে একত্রিত করতে চান, তাহলে আপনাকে কেবলমাত্র কলম্বিয়া = "3" অ্যাট্রিবিউটকে সেল নম্বর ২ এ উল্লেখ করতে হবে।

উপরোক্ত চিত্রে সেল নম্বর 9 নোট করুন। সেখানে তারা একসঙ্গে উভয় ঘর এবং লাইন মিলিত। এই ধরনের কর্ম নিষিদ্ধ নয়।

তথ্য ঠিক করার জন্য অন্য একটি উদাহরণ দেখুন। কারন কিছু অ্যাট্রিবিউটকে বিভ্রান্ত করে এবং কখনও কখনও কোষগুলির পরিবর্তে স্ট্রিংগুলিকে একত্রিত করে।

নকশা টেবিল

স্বাভাবিক, স্ট্যান্ডার্ড এইচটিএমএল ক্ষেত্রে নিন টেবিল দুটি দুটি কক্ষ দুটি সারি আছে।

কোড এর ফলাফল নিম্নরূপ হবে।

আপনি দেখতে পারেন, কোন প্রভাব আছে। আপনি একটি ফ্রেম যোগ করতে পারেন, প্রস্থ এবং উচ্চতা নির্দিষ্ট করুন।

আপনি প্রান্তিককরণ সঙ্গে খেলা করতে পারেন। আপনি উভয় উচ্চতা এবং প্রস্থ সারিবদ্ধ করতে পারেন।

অনুভূমিক প্রান্তিককরণের জন্য অনুভূমিক প্রান্তিককরণের জন্য সারিবদ্ধ করুন এখানে ফলাফল হয়

সারিবদ্ধ এবং valign গুণাবলী সমগ্র স্ট্রিং প্রয়োগ করা যেতে পারে। তারপর সব কোষগুলি এই বৈশিষ্ট্যের অধীনে থাকবে।

এবং ট্যাগগুলি ছাড়াও, একটি অতিরিক্ত ট্যাগ রয়েছে। আসলে, এটি এর একটি এনালগ, কিন্তু এটি শুধুমাত্র প্রথম লাইন ব্যবহার করা হয় এবং একটি হেডার হিসেবে কাজ করে। ডিফল্টরূপে, এ পাঠ্যটি কেন্দ্রীভূত এবং গাঢ় অক্ষর।

কিভাবে একটি টেবিলে শৈলী সংযোগ?

যেকোনো এইচটিএমএল ট্যাগের মতো , টেবিল শৈলী থেকে রূপান্তরিত হতে পারে। আপনি শিরোনাম <শৈলীর ফাইল নির্দিষ্ট করতে হবে অথবা রেডি শৈলী (মাথাটিও নির্দেশিত)।

-এর

...

<স্টাইল টাইপ = "পাঠ্য / CSS">

টেবিল {

ফন্ট-পরিবার: ভারদানা, এরিয়েল, হেল্তুটিকা, সানসরিফ;

রঙ: # 000000;

}

.my_class

{

রঙ: # 666666;

}

...

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

<সারণি শ্রেণী = "my_class">

লক্ষ্য করুন যে আপনি টেবিলের ট্যাগ এবং একটি নির্দিষ্ট সেল বা সারি উভয়ের জন্য ক্লাস ব্যবহার করতে পারেন।

<সারণি শ্রেণী = "স্টাইল_table" প্রস্থ = "100%" সীমানা = "1">

প্রথম লাইনের প্রথম কক্ষের পাঠ্য

প্রথম লাইনের দ্বিতীয় কক্ষের পাঠ্য

দ্বিতীয় লাইনের প্রথম সেলের পাঠ্য

দ্বিতীয় লাইনের দ্বিতীয় সেলের পাঠ্য

স্টাইলের নাম্বারে কোথাও কোন ত্রুটি থাকলে, আপনি ফলাফলটি দেখতে পাবেন না। শৈলী নিজেই ভুল আছে, কিন্তু নাম মিলিত হলে, কোন প্রভাব হবে। প্রতিটি কমা বা কোলন গুরুত্বপূর্ণ।

সারণির জন্য অতিরিক্ত বৈশিষ্ট্যগুলি

শৈলী ক্লাসে কি বৈশিষ্ট্যাবলী লেখা যেতে পারে? টেবিলগুলিতে প্রয়োগ করা অনেকগুলি বৈশিষ্ট্য রয়েছে। আপনার প্রয়োজন সবচেয়ে মৌলিক বিবেচনা করুন।

শ্রেণীবদ্ধ করা	অনুভূমিক প্রান্তিককরণ
valign	উল্লম্ব প্রান্তিককরণ
পটভূমি	সেল / সারণিতে ব্যাকগ্রাউন্ড ইমেজ
bgcolor	কোষে ব্যাকগ্রাউন্ড কালার
bordercolor	টেবিল / ঘর সীমানা রং
উচ্চতা	সেল উচ্চতা
nowrap	একটি লাইন টেক্সট পাঠানো নিষিদ্ধ।
প্রস্থ	সেল / টেবিলের প্রস্থ

আপনি দেখতে পারেন, আপনি "টুলস" এর বিশাল সংখ্যক ট্যাবলে HTML ব্যবহার করতে পারেন।

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

শৈলী ধন্যবাদ, আপনি বিভিন্ন সুন্দর টেবিল তৈরি করতে পারেন এটা সব আপনার পছন্দ কি এবং কিভাবে উপর নির্ভর করে। এটা রান্না মত উপাদানগুলি একই, কিন্তু রেসিপি অনেক আছে।

আপনি দেখতে পারেন, আপনি এইচটিএমএল ট্যাগ ব্যবহার করলে, টেবিল স্বীকৃতির বাইরে রূপান্তরিত হতে পারে। সম্ভাবনার সীমা আপনার কল্পনা দ্বারা নির্ধারিত হয়।