টিউটোরিয়াল সমুহ
‹›
এইচটিএমএল ভূমিকা (Introduction)
HTML (এইচটিএমএল) হচ্ছে Hyper Text Markup Language. অর্থাৎ এইচটিএমএল হল ওয়েব পেজ তৈরির জন্য স্ট্যান্ডার্ড মার্কআপ ভাষা। এইচটিএমএল মার্কআপ ব্যবহার করে একটি ওয়েব পেজের মূল কাঠামো তৈরী করা হয়। এইচটিএমএল এটি কোন প্রোগ্রামীং ভাষা নয় তবে, জাভাস্ক্রীপ্ট, পিএইচপি সহ ওয়েব ডেভেলপমেন্টের জন্য ব্যবহার হয় এমন সকল প্রোগ্রামিং ভাষাগুলি এইচটিএমএল নিয়েই অধিকতর ব্যবহার হয়ে থাকে৷ তাই প্রোগ্রামীং শিখার আগে এইচটিএমএল এর সকল ট্যাগ, এলিমেন্ট, এবং এট্রিবিউট গুলি ভাল করে শিখে নেওয়া আবশ্যক৷
এইচটিএমএল দিয়ে আপনি সব ধরনের ওয়েবসাইট তৈরি করতে পারেন। এই টিউটোরিয়াল গুলিতে আমরা এইচটিএমএল এর সব কিছু ভাল ভাবে বুঝাবার চেষ্টা করেছি। আর্টিকেল পড়ে আপনি যদি পূর্ণাঙ্গ বুঝতে নাও পারেন তাহলে প্রত্যেক আর্টিকেলের কোড উদাহরণের নিচে একটি ভিডিও লিংক দেওয়া আছে। ভিডিও দেখে আরো সহজ এবং বিস্তারিত ভাবে বুঝে নিতে পারবেন। প্রত্যেক ভিডিও এর নিচে টেক্স এডিটর এবং লাইভ ফলাফল দেখার সুযোগ রয়েছে। আপনি নিজের মত করে চর্চা করতে পারবেন।
এইচটিএমএল শেখা সহজ এবং মজার। প্রথম প্রথম বুঝতে একটু কঠিন মনে হলেও আসলে কিন্তু অনেক সহজ। আমরা কম্পিউটার কিংবা মোবাইলে বিভিন্ন গেইম খেলে থাকি৷ এইচটিএমএল দিয়ে আপনি যখন দু'একটি ডেমু বানাবেন তখন এসবের মাঝে গেইম খেলার চেয়েও বেশি মজা পাবেন। আপনি এটি উপভোগ করুন এবং আত্ববিশ্বাস নিয়ে এগিয়ে যান। বিস্তারিত জানতে ভিডিও টিউটোরিয়ালটি দেখুন।
শুরুতে যা যা লাগবে
সবার কম্পিউটারে একটি বেসিক নোডপ্যাড থাকে। Windows8 এবং Windows10 এর জন্য Start Screen... Window8 এবং Windows7 এর জন্য কম্পিউটা স্ক্রীনের বামে নিচের কর্ণার মাইক্রোসপটের লগো দিয়ে যে গোলক চিহৃ Window7 আছে এটাকে Windows Start Button বলা হয়। সেটাতে ক্লীক করে ওপেন করুন। এবার টাইপ করুন Notepad উপরে Notepad দেখা যাবে। Notepad++ সেটাতে ক্লীক করে ওপেন করুন অথবা সেটাকে টেনে স্কীনে নিয়ে আসুন। আপাতত এই Notepad দিয়ে শুরু করুন আপনার প্রথম এইচটিএমএল। নিচের কয়েকটি নিয়ম মেনে চলুন।
প্রতিটি এইচটিএমএল ডকুমেন্ট ডিক্লেয়ারেশনের মাধ্যমে শুরু করুন।
প্রতিটি এইচটিএমএল ডকুমেন্ট ওপেনিং ট্যাগ দিয়ে শুরু করুন ক্লোজিং ট্যাগ দিয়ে শেষ করুন।
এইচটিএমএল ডকুমেন্টের যা কিছু ব্রাউজারে প্রদর্শিত হবে তার সব কিছুই <body> ওপেনিং ট্যাগ এবং </body> ক্লোজিং ট্যাগের ভিতরেই আসবে।
এভাবে লিখুন ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> পৃষ্ঠা শিরোনাম </title>
</head>
<body>
<h1> ইহা একটি এইচটিএমএল হেডলাইন </h1>
<p>This Is a Paragraph.</p>
</body>
</html>
এবার index.html নামে সেভ করুন৷ এবার ব্রাউজারটি ওপেন করুন। আপনি যা লিখেছেন তার ফলাফল দেখবেন। index.html নামেই সেভ করতে হবে এমন কোন বিশেষ নিয়ম নেই তবে ডট এর পরে অবশ্যই html দিতেই হবে৷ যেমনঃ- Page.html, new.html, bangla.html ইত্যাদী। মূল কথা .html এর আগে আপনার ইচ্ছে মত যে কোন নাম দিতে পারেন৷ তবে এইচটিএমএল এর জন্য ডট এর পরে html দেওয়াটাই নিয়ম।
কিছুদিন এই নোডপ্যাড দিয়ে চর্চা করুন। লেখার হাত কিছুটা উন্নতি হলে এখান থেকে Notepad++ ডাউনলোড করে সেটা দিয়ে কাজ করুন৷ প্রচুর সুবিধা থাকার কারণে Notepad++ বর্তমান সময়ে খুব বেশি ব্যবহার করা হচ্ছে। আরো আছে যেমন Sublime Text, Brackets, atom ইত্যাদী। এডভান্স লেভেলে গেলে এডভীর Dreamweaver, মাইক্রোসপটের Visual Studio, ওরাকলের NetBeans সহ অনেক নোডপ্যাড ব্যবহার করতে পারবেন৷
thank you for sharing this helpful article.It is really awesome.Thanks for suggesting some notepads too.