Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

সাধারন গঠন - Besic Format


এইচটিএমএল এইচটিএমএল পেজের গঠন

নিচে সাধারণ একটি এইচটিএমএল পেজের গঠন দেখানো হলো। এখানে সাধারণত <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>

নিছে এইচটিএমএল ট্যাগের কিছু বৈশিষ্ট দেখুন-

নোট – এইচটিএমএলের 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>

উপরে একটি সাধারন এইচটিএমএল ওয়েব পেজের কোড গুলো দেখুন। উদাহরণটির বিভিন্ন অংশের বিস্তারিত বর্ণনা নিচে দেয়া হল।