আপনি যদি আজ থেকে ওয়েব ডিজাইন এর সাথে জরিত হতে চান তাহলে আপনাকে জানতে হবে এইচটিএমএল । আর আমার এই লেখাটি আপনার জন্য এইচটিএমএল দুনিয়ায় একটি গাইডলাইন হিসেবে কাজ করবে।
এইচটিএমএল শিখতে ও কোড লেখতে আমাদের প্রথমে একটি এডিটর লাগবে এবং এডিটরে যা লিখব তা অয়েবসাইটে কেমন দেখাবে তা দেখার জন্য দরকার একটি ব্রাউজার । যে কোন কোড লিখতেই দরকার একটি এডিটর । প্রাথমিকভাবে এডিটর হিসেবে উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর Notepad ব্যাবহার করা যেতে পারে ।
তবে আমরা বারতি সুবিধা নেবার জন্য Notepad++ ব্যাবহার করব । যেকোন ব্রাউজার যেমনঃ Internet explorer, Mozilla Firefox, Google chrome এবং Opera ইত্যাদি ব্যাবহার করতে পারি । তবে আমার কাছে Mozilla Firefox সবছেয়ে ভাল লাগে ।
যাদের কাছে notepad ++ নাই তারা চাইলে এই লিঙ্ক থেকে আপডেটেড ভার্সন ডউনলোড করতে পারেন । যাদের কাছে Mozilla Firefox নাই তারা আপডেটেড ভার্সন ডাউনলোড করতে পারেন এই লিঙ্ক থেকে ।
আসা করি সবাই এই দুইটা ডাউনলোড এবং ইন্সটল করতে পেরেছেন । যদি কারও কোন প্রকার সমস্যা হয় তবে কমেন্টে জানাবেন । চেষ্টা করব সমাধান করার । কথা না বারিয়ে চলুন দেখি কি আছে আপনার জন্য ।
এইচটিএমএল কি ?
এইচটিএমএল ব্যাবহার করা হয় ওয়েব পেইজ তৈরি করার জন্য।
এইচ টি এম এল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language । এইচটিএমএল দিয়ে কাজ করা খুবই সহজ। এইচটিএমএল কাজ করে ট্যাগ নামক পদ্বতি ব্যাবহারে। একটা ট্যাগ নির্দিষ্ট বিষয়কে প্রকাশ করতে ব্যাবহার হয় (যেমন:bold or italic text, or images, or link)। যদি কোন text ট্যাগের ভিতর না থাকে তবুও তা ওয়েব পেইজের মধ্যে দেখাবে।
ট্যাগ,অ্যাট্রিবিউটস ও এলিমেন্টস (Tags, Attributes,and Elements):
যদিও এইচটিএমএল এর মূলবিষয় প্লেইন টেক্সট কিন্তু একে আরও বৈধ ও যুগ উপযুগী করার জন্য আরো জানা প্রয়োজন।
ট্যাগ (Tag):
এইচ টি এম এল গঠনের মুল বিষয় ট্যাগ । প্রতিটি এইচটিএমএল ফাইলের গটন দেখলে দেখা যায় শুধু ট্যাগ আর ট্যাগ । এই ট্যাগ লিখতে আমাদের দরকার হয় <> এবং </> দুইটি চিন্হ আর এর মাঝে কিছু শব্দ (যেমনঃ html, head, title, body ইত্যাদি )। উদাহরন স্বরূপ আমরা কয়েকটি ট্যাগ দেখি <html>এবং </html>,<body>এবং </body>, <title> এবং </title>ইত্যাদিআর বিভিন্ন প্রকার ট্যাগ আমরা দেখতে পাব ।
নিশ্চই খেয়াল করেছেন যে প্রতিটি ট্যাগ এর একটা শুরু এবং শেষ ট্যাগ আছে । তবে কয়েকটি ট্যাগের কেবল মাত্র শেষ ট্যাগ আছে (যেমনঃ <img/>, <br/>, <input/> ইত্যাদি)।
অ্যাট্রিবিউটস (Attributes):
প্রতিটি ট্যাগের অ্যাট্রিবিউট থাকতে পারে যা ওই ট্যাগের আরও অনেক বেশি তথ্য ধারন করে । অ্যাট্রিবিউটসবসময় শুরু ট্যাগে কোটেশন মার্কের ভিতরে লিখতে হয় । অ্যাট্রিবিউট দেখতে কেমন হয় তা একটি উদাহরণের মাধ্যমে দেখানো হলঃ <tag attribute= “value”>Margarine</tag> এই বিষয়ে আমরা পরবর্তীতে বিস্তারিত জানব ।
আপাতত এইটুকু জানলেই আমরা কাজ করতে পারব ।
ইলিমেন্টস (Elements):
এইচটিএমএল এ যেকোন শুরু এবং শেষ ট্যাগের মাঝের অংশকে ইলিমেন্ট বলে । যেমনঃ <body> এবং </body>এই দুটি ট্যাগের মাঝে যা কিছু লেখা হবে তার সবই body ট্যাগের ইলিমেন্ট । প্রত্যেক ওয়েব পেইজ এ চারটি ইলিমেন্ট থাকে এগুলো হলো : html, head, title, এবং body ইলিমেন্ট । কিছু কিছু ট্যাগের কোন ইলিমেন্ট থাকে না যেমনঃ <br/>,<img/> ইত্যাদি ।
আজ এই পরজন্তই থাক,অপেক্ষা করুন শিঘ্রই ফিরে আসছি পরবর্তী টিউটরিয়াল নিয়ে । লেখাতে যদি কোন প্রকার ভুল ত্রুটি থাকে তবে অবশ্যই কমেন্টে জানাবেন ।
ধন্যবাদ লেখাটি মনোযোগ দিয়ে পড়ার জন্য ।
।
অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।