2.1 ট্যাগের পরিচিতি
মার্কআপ ট্যাগের উপর ভিত্তি HTML-documentsকরে । একটি ট্যাগ কি ?
ট্যাগগুলি 70-এর দশকে উদ্ভাবিত হয়েছিল যাতে লোকেরা এই নথিগুলি প্রক্রিয়া করে এমন প্রোগ্রামগুলির জন্য নথিতে পরিষেবার তথ্য যোগ করতে পারে।
Tag- এটি একটি কী (কার্যকরী) শব্দ, প্রায়শই ইংরেজিতে, যা কোণ বন্ধনীতে (আরও কম অক্ষর) তৈরি করা হয়েছিল যাতে প্রোগ্রামগুলি ইংরেজিতে ট্যাগ এবং সাধারণ শব্দগুলিকে বিভ্রান্ত না করে।
ট্যাগটিতে বিভিন্ন পরিষেবার তথ্যও থাকতে পারে যা নথিটি প্রক্রিয়া করে এমন প্রোগ্রামের জন্য উপযোগী হতে পারে।
একটি ট্যাগ সহ উদাহরণ পাঠ্য:
<a href="http://codegym.cc/about">
Link to something interesting
</a>এই উদাহরণে, আমরা পাঠ্য, "a" ট্যাগ, সেইসাথে পরিষেবা তথ্য - ট্যাগ বৈশিষ্ট্যগুলি দেখতে পাই। নীচে আপনি তাদের সম্পর্কে আরও শিখবেন।
2.2 ট্যাগের ধরন: খোলা, বন্ধ, খালি ট্যাগ
ট্যাগ বিভিন্ন ধরনের হয়। প্রথমত, তারা একক এবং দ্বিগুণ। সবচেয়ে সাধারণ জোড়া ট্যাগ হয় . এবং আপনি সম্ভবত ইতিমধ্যে অনুমান করেছেন, তারা সবসময় জোড়ায় যায়। এগুলোকে ওপেনিং এবং ক্লোজিংও বলা হয়।
খোলার ট্যাগটি ত্রিভুজ বন্ধনীতে একটি কীওয়ার্ড মাত্র। উদাহরণ:
<h1>ক্লোজিং ট্যাগটি ওপেনিং ট্যাগের মতোই, তবে কীওয়ার্ডটির আগে একটি স্ল্যাশ রয়েছে। উদাহরণ:
</h1>খোলার ট্যাগে পরিষেবার তথ্য থাকতে পারে - গুণাবলী, সমাপ্তিটি - না । স্টার্ট ট্যাগ সবসময় একটি জোড়ার প্রথম হয়। ক্লোজিং ট্যাগটি প্রথমে টেক্সটে এবং তারপরে খোলার ট্যাগে যেতে পারে না। এই HTML-documentবৈধ হবে না.
একক ট্যাগের কোন ক্লোজিং ট্যাগ নেই। এই ধরনের ট্যাগের তালিকা দ্বারা সংজ্ঞায়িত করা হয় HTML-standard। এই ধরনের ট্যাগের উদাহরণ:
<br>- লাইন বিরতি;<img>- ছবি।
যাইহোক, একটি জোড়া ট্যাগ, যদি এটি ভিতরে তথ্য ধারণ না করে, একটি সংক্ষিপ্ত আকারে লেখা যেতে পারে । উদাহরণ:
<h1/>এটি একটি একক ট্যাগ নয়, একটি খালি জোড়া ট্যাগ। এটি একই সময়ে বন্ধ এবং খোলা উভয় ট্যাগের মতো। এটি বন্ধ ট্যাগ থেকে আলাদা যে স্ল্যাশটি শেষে (দ্বিতীয় ত্রিভুজাকার বন্ধনীর আগে)।
2.3 ট্যাগ গাছ
এবং জোড়া ট্যাগ সম্পর্কে আরো গুরুত্বপূর্ণ তথ্য. একটি নথিতে তাদের অনেকগুলি থাকতে পারে এবং সেগুলি নেস্ট করা যেতে পারে। এর মানে কী? এর মানে হল যে কোনও টেক্সটকে HTML-documentট্যাগ দিয়ে ফ্রেম করা (মোড়ানো) করা যেতে পারে, এমনকি এতে অন্যান্য ট্যাগ থাকলেও। উদাহরণ:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>মোটামুটিভাবে বলতে গেলে, এইচটিএমএল পাঠ্যে ট্যাগের একটি ক্রম ঘটতে পারে:
<h1> <h2> </h2> </h1>কিন্তু এটা হতে পারে না:
<h1> <h2> </h1> </h2>যদি স্টার্ট ট্যাগটি <h2>একটি -ট্যাগ জোড়ার ভিতরে থাকে <h1>, তাহলে এর ম্যাচিং শেষ ট্যাগটি </h2>অবশ্যই একটি <h1>-ট্যাগ জোড়ার ভিতরে থাকতে হবে।
সুতরাং, সমস্ত ডকুমেন্ট ট্যাগ এক ধরনের ট্যাগ ট্রি গঠন করে । প্রথমে শীর্ষ-স্তরের ট্যাগটি আসে যা পুরো নথিটিকে মোড়ানো হয়, সাধারণত বলা হয় <html>, এতে চাইল্ড ট্যাগ জোড়া আছে, তাদের নিজস্ব আছে ইত্যাদি।
প্রকৃতপক্ষে, যে প্রোগ্রামটি ট্যাগ সহ একটি ডকুমেন্ট প্রসেস করে সেটি ঠিক সেরকমই দেখে - ভিতরে কিছু টেক্সট সহ একটি ট্যাগ ট্রি হিসাবে।
2.4 গুণাবলী
ট্যাগ সম্পর্কে তথ্য সম্পূর্ণ হবে না যদি আমরা বৈশিষ্ট্য সম্পর্কে কথা না বলি। একক ট্যাগ এবং স্টার্ট ট্যাগ যুক্ত ট্যাগ থাকতে পারে । এই বৈশিষ্ট্যগুলি ট্যাগের বিষয়বস্তু সম্পর্কে দরকারী তথ্য ধারণ করে।
একটি ট্যাগ বিভিন্ন বৈশিষ্ট্য ধারণ করতে পারে, এবং তাদের নিম্নলিখিত সাধারণ ফর্ম আছে:
<tag name1="value1" name2="value2">Nameপ্রতিটি বৈশিষ্ট্য এবং এর জোড়া হিসাবে নির্দিষ্ট করা হয়েছে meaning। যে কোনো সংখ্যক গুণ থাকতে পারে।
তবে একজন অভিজ্ঞ প্রোগ্রামার অবিলম্বে প্রশ্নটি জিজ্ঞাসা করবেন: আপনার যদি অ্যাট্রিবিউট মান হিসাবে অক্ষর «<»বা «>»উদ্ধৃতিযুক্ত পাঠ্য ব্যবহার করতে হয় তবে কী করবেন?
| প্রতীকের নাম | প্রতীক | HTML এন্ট্রি |
|---|---|---|
| ডবল উদ্ধৃতি চিহ্ন | " | " |
| অ্যাম্পারস্যান্ড | এবং | এবং |
| প্রতীকের চেয়ে কম | < | < |
| আরো প্রতীক | > | > |
| স্থান | ||
| একক উদ্ধৃতি | ' | ' |