প্রফেশনাল ওয়েব ডিজাইন ও এইচটিএমএল টিউটোরিয়ালে আপনাদের স্বাগতম জানাই। আশা করি ভাল আছেন সবাই। আজ আমি আপনাদের ওয়েব ডিজাইনের জন্য যে সকল HTML tags এবং Attributes দরকার হয় বা হবে তা জানাব। আমার পুর্বের পুর্বে আমি সাধারণভাবে দেখিয়েছিলাম কিভাবে একটি সিম্পল ওয়েব পেজ বানাতে হয়। আশাকরি আপনারা এ সম্পর্কে একটি প্রাথমিক ধারনা পেয়েছেন এবং প্র্যাকটিস করেছেন। আজ আর অনুশীলন নয়। আজ প্রফেশনাল ওয়েব পেজ ডিজাইনের সার্বিক বিষয়গুলো আপনাদের সামনে তুলে ধরব। আপনাদের কাজে আসলেই আমার স্বার্থকতা। আমরা যাঁরা অনলাইন জগতে আছি তাদের প্রায়ই অনলাইলে আয় করার স্বপ্ন মনে লালন করি। কিন্তু সঠিক নির্দেশনা পাই না। ইনফোটেক লাইফ চেষ্টা করে এই সকল অনলাইনারদের একটি উপায় বাতলে দেওয়ার জন্য ।
ওয়েব ডিজাই অনলাইন কাজের একটি বিশাল ও ক্রমপ্রসারমান ক্ষেত্র। ওয়েব ডিজাইন শিখতে প্রথমেই যে বিষয়টির কথা আসে তা হল এইচটিএমএল। এইচটিএমএল হল ওয়েব ডিজাইনের মূলভিত্তি যা দিয়ে একটি ওয়েব পেজের কাঠামো তৈরি করা হয়। এইচটিএমএল- এর কিছু এট্টিবিউট দিয়ে যদিও ওয়েব পেজের কিছু এলিমেন্টের অবস্থা, অবস্থান পরিবর্তন করা যায় তথাপি সিএসএস এর মত শক্তিশালী ডিজাইনিং ল্যাঙ্গুয়েজ থাকতে তার আর প্রয়োজন হয় না। আবার কিছু এট্টিবিউট আছে যাদেরকে ওয়েব পেজের কাঠামো তৈরি করতে অবশ্যই লাগবে। এই টিউনটিতে দেখবো প্রফেশনালভাবে কাজ করার জন্য আসলে এইচটিএমএল- এর কোন কোন ট্যাগ ও এট্টিবিউট কাজে লাগে।
ওয়েব ডিজাই অনলাইন কাজের একটি বিশাল ও ক্রমপ্রসারমান ক্ষেত্র। ওয়েব ডিজাইন শিখতে প্রথমেই যে বিষয়টির কথা আসে তা হল এইচটিএমএল। এইচটিএমএল হল ওয়েব ডিজাইনের মূলভিত্তি যা দিয়ে একটি ওয়েব পেজের কাঠামো তৈরি করা হয়। এইচটিএমএল- এর কিছু এট্টিবিউট দিয়ে যদিও ওয়েব পেজের কিছু এলিমেন্টের অবস্থা, অবস্থান পরিবর্তন করা যায় তথাপি সিএসএস এর মত শক্তিশালী ডিজাইনিং ল্যাঙ্গুয়েজ থাকতে তার আর প্রয়োজন হয় না। আবার কিছু এট্টিবিউট আছে যাদেরকে ওয়েব পেজের কাঠামো তৈরি করতে অবশ্যই লাগবে। এই টিউনটিতে দেখবো প্রফেশনালভাবে কাজ করার জন্য আসলে এইচটিএমএল- এর কোন কোন ট্যাগ ও এট্টিবিউট কাজে লাগে।
➯ <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 নামে দুটি এট্টিবিঊট দরকার হবে। প্রফেশনালভাবে কাজ করার জন্য এর বাইরে আর
কোন ট্যাগ ও এট্টিবিউট না জানলেও হবে
1 comment:
Your article is excellent for all web developers
If any visitor looking for best quality of web hosting Bangladesh..
Follow our site....
http://mucahost.com/
Post a Comment