এইচটিএমএল -এ কীভাবে একটি টেবিল তৈরি করবেন

লেখক: Mark Sanchez
সৃষ্টির তারিখ: 28 জানুয়ারি 2021
আপডেটের তারিখ: 29 জুন 2024
Anonim
০৪.৩১. অধ্যায় ৪ : HTML এর মৌলিক বিষয়সমূহ - HTML এর সাহায্যে টেবিল তৈরি [HSC]
ভিডিও: ০৪.৩১. অধ্যায় ৪ : HTML এর মৌলিক বিষয়সমূহ - HTML এর সাহায্যে টেবিল তৈরি [HSC]

কন্টেন্ট

HTML এ একটি টেবিল তৈরি করা বেশ কঠিন। কিন্তু এই নিবন্ধে বর্ণিত পদক্ষেপগুলির সাথে, আপনি আপনার সাইটের জন্য একটি তৈরি করতে সক্ষম হবেন।

ধাপ

  1. 1 একটি সহজ শব্দ প্রক্রিয়াকরণ প্রোগ্রাম খুলুন যেমন নোটপ্যাড বা ওয়ার্ডপ্যাড উইন্ডোজ, অথবা ম্যাক ওপেন টেক্সট এডিট।
  2. 2 টেবিলের সামনে আপনি যে সমস্ত লেখা দেখতে চান তা লিখুন।
  3. 3 টেবিল> ট্যাগ লিখে HTML ডকুমেন্টের জন্য টেবিলের ব্যবহার নির্ধারণ করুন।

  4. 4 এন্টার চাপুন।

  5. 5 Tr> ট্যাগ ব্যবহার করে সারি টেবিল খোলার জন্য ট্যাগ লিখুন।
  6. 6বাম থেকে ডানে বাকি সব উপাদান তৈরি করতে মনে রাখবেন।
  7. 7 এন্টার চাপুন।
  8. 8 Th> ট্যাগ ব্যবহার করে টেবিল শিরোনামের জন্য একটি স্টার্ট ট্যাগ লিখুন।
  9. 9 প্রথম কলামের জন্য আপনি যে শিরোনামটি ব্যবহার করতে চান তা লিখুন।
  10. 10 < / Th> ট্যাগ ব্যবহার করে টেবিল শিরোনাম উপাদানটির জন্য একটি ক্লোজিং ট্যাগ লিখুন।
  11. 11 এন্টার চাপুন।
  12. 12 ধাপগুলি পুনরাবৃত্তি করুন (কলামে আইটেমগুলি সাজানো বাম থেকে ডানে).
  13. 13 </tr> ট্যাগ দিয়ে এই লাইনটি বন্ধ করুন।
  14. 14 এন্টার চাপুন।
  15. 15 আরেকটি tr> ট্যাগ দিয়ে আরেকটি লাইন শুরু করুন।
  16. 16 এন্টার চাপুন।
  17. 17 Td> ট্যাগ ব্যবহার করে টেবিল ডেটা ট্যাগ লিখুন।
  18. 18 আপনি প্রতিটি ক্ষেত্রে অন্তর্ভুক্ত করতে চান টেবিল ডেটা লিখুন।
  19. 19উপরে দেখানো কলাম থেকে ডেটা পূরণ করে বাম থেকে ডানে কাজ করুন।
  20. 20 </dd> ট্যাগ দিয়ে প্রতিটি ইনপুট বন্ধ করুন।
  21. 21 আপনার কাছে থাকা সমস্ত টেবিল ডেটার জন্য পুনরাবৃত্তি করুন।
    • কোষগুলির জন্য যেখানে আপনার কিছু প্রবেশ করার প্রয়োজন নেই, td> এবং td> এবং এর মধ্যে কিছুই প্রবেশ করান না। এটি অন্য দুটি ক্ষেত্রের মধ্যে ক্ষেত্রগুলির জন্য খুব দরকারী হবে।
  22. 22 প্রতিটি লাইন অন্য < / tr> ট্যাগ দিয়ে বন্ধ করুন।
  23. 23 প্রতিটি লাইন একত্রিত না হওয়া পর্যন্ত tr> এবং / td> লাইন ছাড়াও প্রতিটি লাইন নিচে পুনরাবৃত্তি করুন।
  24. 24 <টেবিল> ট্যাগ দিয়ে টেবিল বন্ধ করুন।
  25. 25 বাকি ডকুমেন্টের জন্য নিচের HTML টেক্সট লিখুন।

পরামর্শ

  • প্রতিটি লাইন থেকে ইন্ডেন্ট করুন যাতে আপনি বুঝতে পারেন যে আপনি আপনার কোডে কী করার চেষ্টা করছেন।

সতর্কবাণী

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