3.1 html ট্যাগ

আপনি যদি এই লেখাটি পড়ে থাকেন, তাহলে ধরে নেওয়া হয় যে ভবিষ্যতে আপনি একজন জাভা ডেভেলপার হিসেবে কাজ করবেন, ভাল, অথবা একটি ফুল স্ট্যাক জাভা ডেভেলপার হিসেবে। আপনি খুব কমই HTML নথি লিখবেন, তবে আপনাকে প্রায়শই সেগুলি পড়তে হবে । এইভাবে বিশ্ব কাজ করে, তাই আপনাকে HTML নথিগুলি কীভাবে সাজানো হয় তা বের করতে হবে।

কোন HTML নথির শুরু কি? প্রতিটি HTML নথিতে তিনটি নেস্টেড ট্যাগ সমন্বিত একটি কাঠামো থাকে: html, headএবং body. এটি আদর্শ উদাহরণ:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

ব্রাউজার যা প্রদর্শন করে তা একটি জোড়া ট্যাগের body(ডকুমেন্ট বডি) ভিতরে থাকে। ট্যাগের ভিতরে headব্রাউজারের জন্য পরিষেবা / সহায়ক তথ্য সহ ট্যাগ রয়েছে।

নথির শুরুতে নথির ধরনটি লেখার জন্য এটিও প্রথাগত (ঐচ্ছিক) - DOCTYPEযাতে পার্সার আরও ভালভাবে বুঝতে পারে কীভাবে ত্রুটিগুলি ব্যাখ্যা করতে হয়৷ অনেক ব্রাউজার সঠিকভাবে ভাঙা নথি প্রদর্শন করতে সক্ষম।

অথবা, বিপরীতভাবে XHTML = XML+HTML, একটি মান আছে যেখানে স্বাভাবিক নিয়মের চেয়ে আরও কঠোর নিয়ম রয়েছে HTML। কিন্তু এই ধরনের তথ্য আপনার জন্য উপযোগী হবে যখন আপনি নিজের ব্রাউজার বা অন্তত নিজের ব্রাউজার লেখার সিদ্ধান্ত নেন HTML-parser

3.2 হেড ট্যাগ

ট্যাগের ভিতরে, headনিম্নলিখিত ট্যাগগুলি সাধারণত অবস্থিত থাকে: title, meta, style, ...

ট্যাগটি <title> ব্রাউজার ট্যাবে প্রদর্শিত ডকুমেন্টের নাম উল্লেখ করে।

ট্যাগটি <meta>বিভিন্ন পরিষেবার তথ্য সেট করতে ব্যবহৃত হয়। উদাহরণস্বরূপ, আপনি ব্রাউজারকে একটি HTML নথির এনকোডিং বুঝতে সাহায্য করতে পারেন (যদি আপনার মনে থাকে তবে এটিতে সাধারণ পাঠ্য রয়েছে)।


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 বডি, পি, বি ট্যাগ

ট্যাগটিতে <body>সমস্ত এইচটিএমএল পাঠ্য রয়েছে যা ব্রাউজার দ্বারা প্রদর্শিত হবে। একটি নথি প্রদর্শনের জন্য সবচেয়ে সহজ ট্যাগগুলি হল: <h1>, <p>, <b>,<br>

<h1>- এটি একটি জোড়া ট্যাগ, এটি আপনাকে আপনার পৃষ্ঠা / নিবন্ধের শিরোনাম সেট করতে দেয়। যদি আপনার নিবন্ধটি দীর্ঘ হয় এবং আপনার উপশিরোনাম প্রয়োজন, তাহলে আপনি এই ক্ষেত্রে ট্যাগটি ব্যবহার করতে পারেন <h2>, <h3>এবং ততক্ষণ পর্যন্ত<h6>

উদাহরণ:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

<p>যদি আপনার নিবন্ধটি বড় হয় এবং আপনি এটিকে অনুচ্ছেদে ভাগ করে পড়া সহজ করতে চান তবে এর জন্য আপনার একটি জোড়া ট্যাগ (শব্দ অনুচ্ছেদ থেকে) লাগবে। শুধু টেক্সট ট্যাগ <p>এবং </p>ব্রাউজার এটি একটি পৃথক অনুচ্ছেদ হিসাবে প্রদর্শন করবে.

মনোযোগ! ব্রাউজার আপনার পাঠ্যের লাইন বিরতি এবং/অথবা অতিরিক্ত স্পেস উপেক্ষা করবে। আপনি যদি একটি লাইন বিরতি যোগ করতে চান, তাহলে পাঠ্যটিতে একটি একক ট্যাগ ( br<br> eak লাইন থেকে ) সন্নিবেশ করুন।

ভাল, সবচেয়ে ভালো অংশ হল লেখাটিকে বোল্ডে হাইলাইট করা। আপনি যদি টেক্সটকে বোল্ড করতে চান তবে এটি ট্যাগগুলিতে মোড়ানো <b> </b>(পুরানো থেকে )