নিচে সাধারণ একটি এইচটিএমএল পেজের গঠন দেখানো হলো। এখানে সাধারণত <title> . . . </title> এবং icon ছাড়া <head> . . . </head> ট্যাগের মাঝের সকল কোডগুলো ওয়েব পেজে দেখা যায় না।
< !Doctype html> <html>
<head>
<title>Web Page Title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<a> This is a highper link.<a/>
</body>
</html>
নিচে সাধারণ একটি এইচটিএমএল পেজের কোডগুলো দেখুন।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
নোট – ব্রাউজারে শুধুমাত্র
<body> . . . </body> সেকশনের মধ্যে থাকা কন্টেন্ট গুলোই প্রদর্শিত হয়। সকল স্টাইল বা সিএসএস কোড গুলো এই <body> . . . </body> ট্যাগের মধ্যে থাকা কন্টেন্ট যেমন, টেক্সট, ছবি ইত্যাদিতে কার্যকরী হয়।
এইচটিএমএল ট্যাগ
এইচটিএমএল ট্যাগ গুলোকে নামের সুরুতে এবং শেষে angle bracket দিয়ে আবৃত করে রাখা হয়। যেমন <h1> . . . </h1>, <p> . . . </p> ইত্যাদি।
উদাহরণ
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<a>This is a hyper link</a>
নিছে এইচটিএমএল ট্যাগের কিছু বৈশিষ্ট দেখুন-
এইচটিএমএল ট্যাগ সাধারণত জোড়ায়-জোড়ায় থাকে। যেমন - <h1> এবং </h1>.
জোড়ার প্রথম ট্যাগটি opening ট্যাগ এবং দ্বিতীয় ট্যাগটি closing ট্যাগ নামে পরিচিত।
closing ট্যাগটি opening ট্যাগের মতই লেখা হয়, তবে ক্লোজিং ট্যাগের ক্ষেত্রে ট্যাগের নামের আগে শুধুমাত্র একটি ফরওয়ার্ড স্ল্যাশ(/) দেয়া হয়, যেমন <h1>, <h2> ইত্যাদি।
নোট – এইচটিএমএলের opening ট্যাগকে start ট্যাগ এবং closing ট্যাগকে end ট্যাগ বলা হয়। অল্প কিছু ট্যাগের end বা সেস ট্যাগ হয় না যেমন - <img />, <br /> ইত্যাদি।
একটি সাধারণ html ডকুমেন্ট অর্থাৎ ওয়েব পেজ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title> Web Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
উপরে একটি সাধারন এইচটিএমএল ওয়েব পেজের কোড গুলো দেখুন। উদাহরণটির বিভিন্ন অংশের বিস্তারিত বর্ণনা নিচে দেয়া হল।
কোন এইচটিএমএল ডকুমেন্টের টাইপ বা ডকুমেন্টটি কোন এইচটিএমএল সংস্করণের তা নির্ধারণ করতে এই ট্যাগ ব্যবহার করা হয়।
<html> এবং </html> ট্যাগের মাঝের সকল কোড গুলোই একটি এইচটিএমএল ডকুমেন্টকে তৈরি করে,
<head> এবং <head> ট্যাগের মাঝের কোড গুলো এইচটিএমএল ডকুমেন্টের জন্য আনুষঙ্গিক প্রয়োজনীয় তথ্য যেমন, স্টাইল সিট , জাভাস্ক্রিপ্ট, মেটাডাটা ইত্যাদি সংযুক্ত করে।
<title> এবং </title> ট্যাগের মাঝের টেক্সট, ডকুমেন্টের টাইটেল/নাম নির্ধারণ করে, এখানে সরবছহ ৪০ টি অক্ষর ব্যবহার করা উত্তম।
<body> এবং </body> ট্যাগের মাঝের কোড গুলোই সাধারণত ওয়েব পেজের দৃশ্যমান কন্টেন্ট, যেমন -লেখা, ছবি ইত্যাদি ধারন করে,
<h1> . . . </h1> ট্যাগ ডকুমেন্টের জন্য কোন হেডিং/শিরোনাম তৈরি করে।
<p> . . . </p> ট্যাগ এর মাধ্যমে ব্রাউজারে কোন paragraph বা পরিছহেদ প্রদর্শন করা হয়।
এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, টেম্পলেট, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, টেম্পলেট, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই বাছাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস ( Terms of use ) এবং প্রাইভেসি পলিসি (Privacy policy) সম্পর্কে। Report or suggest