দেখে নিন প্রফেশনালভাবে ওয়েব ডিজাইন করতে কোন কোন এইচটিএমএল ট্যাগ ও এট্টিবিউট দরকার হয়।

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

১. <html></html> এটা অবশ্যই লাগবে।

২. <head></head> এটা অবশ্যই লাগবে।

৩<title></title> এটা অবশ্যই লাগবে।

৪.<meta />

এই ট্যাগের সাথে যে সকল এট্টিবিউট প্রয়োজন হবেঃ-

name, content, http-equiv

৫.<link />

এই ট্যাগের সাথে যে সকল এট্টিবিউট প্রয়োজন হবেঃ-

rel, type, href

৬.<style></style>

এই ট্যাগের সাথে যে সকল এট্টিবিউট প্রয়োজন হবেঃ-

type

৭.<script></script>

এই ট্যাগের সাথে যে সকল এট্টিবিউট প্রয়োজন হবেঃ-

type

৮.<body></body> এটা অবশ্যই লাগবে।

এর কোন এট্টিবিউট জানার দরকার হবে না ।

৯.h1 থেকে h6 (হেডিং ট্যাগ)

এর কোন এট্টিবিউট জানার দরকার হবে না ।

১০.<p></p>(প্যারাগ্রাফ ট্যাগ)

এর কোন এট্টিবিউট জানার দরকার হবে না ।

১১.<br /> লাইন ব্রেক দেওয়ার জন্য ।

১২. <li>, <ul>, <ol>

লিস্ট তৈরির জন্য এই তিনটি ট্যাগ সম্পর্কে জানুন। এদের কোন এট্টিবিউট জানার দরকার হবে না ।

১৩.<img />

এই ট্যাগের সাথে যে সকল এট্টিবিউট প্রয়োজন হবেঃ-

src ও alt এই দুটি ছাড়া আর কোন এট্টিবিউট জানার দরকার হবে না।

১৪.<a></a>

এই ট্যাগের সাথে যে সকল এট্টিবিউট প্রয়োজন হবেঃ-

href ও target এই দুটি ছাড়া আর কোন এট্টিবিউট জানার দরকার হবে না।

১৫.<table>,<td>, <th>, <tr> টেবিল তৈরির জন্য।

এর কোন এট্টিবিউট জানার দরকার হবে না ।

১৬.<form></form>

ফর্মের ডাটা সার্ভারে সাবমিট করার জন্য এই ট্যাগের সাথে method ও action দুটি এট্টিবিউট ব্যবহার করা হয়।  এই ট্যাগের মাঝে আরও কিছু ট্যাগ ব্যবহার করা হয় যা নিম্নরূপ-

ক। <input />

এই ট্যাগের সাথে যে সকল এট্টিবিউট প্রয়োজন হবেঃ-

type(এর অনেকগুলো মান হতে পারে), value, name

খ। <textarea></textarea>

rows ও colsনামে দুটি এট্টিবিউট লাগবে।

গ। <select></select>

name, size, multiple এট্টিবিউট লাগবে।

ঘ। <option></option>

value নামে একটি এট্টিবিউট লাগবে।

ঙ। <optgroup></ optgroup >

এর সাথে label নামে একটি এট্টিবিউট লাগবে।

১৭. <div></div>

এর সাথে class  ও id নামে দুটি এট্টিবিঊট দরকার হবে।

প্রফেশনালভাবে কাজ করার জন্য এর বাইরে আর কোন ট্যাগ ও এট্টিবিউট না জানলেও হবে ।

এই টিউনটির পিডিএফ কপি ডাউনলোড করতে এখানে ক্লিক করুন।

ওয়েব ডিজাইন ও ডেভলপিং শিখতে ভিজিট করুনঃ http://www.WebTechnologyBlog.com

আপডেট টিউন পেতে লাইক করুন আমাদের ফেসবুক ফ্যান পেজঃ https://www.facebook.com/WebTechnologyBlog

Level 0

আমি আবদুল্লাহ আল ফারুক। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 7 টি টিউন ও 20 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Oshadaron hoyca vai.A rokom r o niya ashen.

শ্যামল কুমার (জয়) ভাই ধন্যবাদ। আশা করি এরকম আরও কিছু দিতে পারব।

ভাই ধন্যবাদ,
তবে আর একটু বিস্তারিত হলে ভাল হত। পরবর্তী টিউনের অপেক্ষায় রিলাম।