গত পর্বে এইচটিএমএল সম্পর্কে আমরা ইতোমধ্যে জেনেছি । এইচটিএমএল সিনট্যাক্স নিয়ে আলোচনায় আমরা এইচটিএমএল কোড লিখে রান করবো ।
আমি খুব বেসিক লাইন থেকে শুরু করবো ।

প্রথমেই নিচের লাইনটি একটি টেক্সট এডিটর (যেমনঃ নোটপ্যাড, নোটপ্যাড প্লাস প্লাস ইত্যাদি) এ লিখে index.html অথবা যেকোনো নাম এ সেভ করুন । তবে ফাইলের এক্সটেনশন বা ফরম্যাট অবশ্যই .html রাখতে হবেঃ

<u> Welcome to HTML Bangla Tutorial </u>

এবার index.html ফাইলটি একটি ওয়েব ব্রাউজারে প্রদর্শন করান । এখন লক্ষ্য করুন, Welcome to HTML Bangla Tutorial লেখাটির নিচে আন্ডারলাইন দেখাচ্ছে । আমি আমরা কি বুঝতে পারলাম?
<u> এবং </u> এর মাঝখানে যা লিখবো তা আন্ডারলাইন এ দেখাবে । এটাই, এইচটিএমএল ট্যাগ । এই ধরনের এইচটিএমএল এর প্রচুর ট্যাগ রয়েছে । একেক ট্যাগ একেক রকম কাজ করে ।
এইচটিএমএল ট্যাগ এর প্রায় সকল ট্যাগ এর দুটি অংশ । প্রথম অংশ (<u>) এর নাম ওপেনিং ট্যাগ এবং দ্বিতীয় অংশ (</u>) এর নাম ক্লোজিং ট্যাগ ।
এবার, আমরা যদি কোন লেখা বোল্ড করতে চাই, তাহলে নিচের মত করে লিখলেই হবে;

<b> HTML Bangla Tutorial </b>

এতক্ষণ, আমরা এইচটিএমএল এর ট্যাগ নিয়ে ধারণা দেওয়ার চেষ্টা করেছি । এবার আমরা মূল আলোচনা করবো । এইচটিএমএল কোড লিখতে হলে আমাদের কিছু নিয়ম মেনে লিখতে হবে । অর্থাৎ, এইচটিএমএল কোড এর একটি বাসিক স্ট্রাকচার আছে ।

এইচটিএমএল৫ এর বেসিক স্ট্রাকচারঃ

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

এবার আমরা এইচটিএমএল৫ এর স্ট্রাকচার অনুযায়ী কোড লিখবো;

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <u> Welcome to HTML Bangla Tutorial </u>
</body>
</html>

পরবর্তিতে, কোড এর ব্যাখ্যা দেওয়া হবে ।

 

<< এইচটিএমএল কি?এইচটিএমএল এলিমেন্ট >>