BTemplates.com

HTML: Lecture-3: Html Tag, Attribute, Elements ও Extention Name




ব্রাউজারে কোডিং দেখা
ব্রাউজারে থাকা অবস্থায় HTML কোডিং দেখা সম্ভব। 

ফাইলটি খোলা থাকা অবস্থায় উইন্ডোতে Right কিক্ল করুন এবং মেনু আসলে View Source বা View Page Source সিলেক্ট করুন। 
বর্তমান প্রোগ্রামের কোড দেখা যাবে আলাদা উইন্ডোতে। দেখা শেষে ক্রস( X) বাটনে কিক্ল করে  উইন্ডোটি বন্ধ করুন।
HTML Tag
আগেই বলেছি HTML ফাইল তৈরী হয় Tag এর সমন্বয়ে। কিছু কিছু ট্যাগের সাথে আবার Attributes থাকে। যেমন কোন টেক্সটকে Bold করতে হলে HTML এ সংকেত হিসাবে b লিখতে হয় এবং b ছাড়া অন্য কোন অক্ষর লিখলে HTML সেটি বুঝতে পারবে না এবং টেক্সটকে Bold করবে না। নিয়ম অনুসারে  Grater than এবং Less than সিম্বলের মধ্যে লিখতে হবে। যেমন:
<b>NOVA COMPUTER</b>
এই জাতীয় ট্যাগকে বলা হয় Container Tag আরও এক ধরনের ট্যাগ আছে। এগুলিকে Empty Tag বলে সাধরনত লাইন ব্রেক, Horizontal rule ইত্যাদি ক্ষেত্রে Empty ট্যাগ ব্যবহার করা হয়। এই জাতীয় ট্যাগ শেষ করার দরকার হয় না। যেমন: লাইন ব্রেক-  
এখানে
দ্বারা ব্রেক বা পরবর্তী লাইনে যাওয়ার নির্দেশ দেওয়া হয়েছে এবং এই ট্যাগটি শেষ করার দরকার পরেনি।
Attribute
ট্যাগ সম্বন্ধে আগেই বলেছি। Attribute দ্বারা এই ট্যাগকে আরও সুনির্দিষ্ট ভাবে নির্ধারন করে দেওয়া যায়। যেমন

ট্যাগ দ্বারা Horizontal লাইন নির্দেশ করে দেওয়া যায়। এক লাইনকে আবার নির্দিষ্ট Alignএ অর্থাৎ বাম, ডান, সেন্টার ইত্যাদি নির্দিষ্ট করে দেওয়া যায়। এক্ষেত্রে Align নামের Attribute ব্যবহার করা হয়। যেমন:


এছাড়াও প্রোগ্রামের মধ্যে কোন মন্তব্য লিখতে চাইলে ট্যাগের চিহ্নের সাথে বিস্ময়বোধক চিহ্ন (!) এবং ২টি ড্যাস (--)ব্যবহার করতে হয়। যেমন:

HTML Elements
Tag সম্বন্ধে  আগেই জেনেছি। Start Tag এবং End Tag দুটি মিলে যে জোড়া হয় সেটিই হচ্ছে Elements এবং এই দুইটি ট্যাগের মধ্যে যে উপাদান থাকে Content হচ্ছে সেগুলি। Start Tag কে Opening Tag এবং End Tag কে Clossing Tag ও বলা হয়। অধিকাংশ এলিমেন্টেই   Attribates যোগ করে দেওয়া হয়। নিচে আরেকটি  Attribates এর উদাহরন দেওয়া হল। আগের উদাহরনের দ্বারা আমরা জেনেছি HTML- এর Elements এর মধ্যে Attributs যোগ হয়। Elements সব সময় Start বা Opening ট্যাগের মধ্যে বসে। Attributs হতে পরে Name (Text) বা Value দ্বারা গঠিত। HTML Link যোগ করার জন্য <a> Tag ব্যবহার করা হয়  এবং এটি href নামের Attributs দ্বারা লেখা হয় । href অর্থ Hyper Reference এছাড়া Attributs সব সময় ডাবল কোটেশন চিহ্নের (" ") মাঝে বসে। সিঙ্গেল কোটেশন চিহ্ন দিয়েও লেখা যাবে। মনে রাখবেন Attributs Name এবং Value সবসয়ম Case Sensitive, ছোট হাতের বদলে বড় হাত বা বড়/ছোট হাত মিশিয়ে লিখলে হবে না । সুতরাং W3C – World Wide Web Consortium সবসময় Attribules কে ছোট হাতে লেখার উপদেশ দিয়ে থাকে । এছাড়া HTML- 4  এবং  XHTML- 4  এ ছোট হাতেরটি গ্রহন যোগ্য হয়। নিচের কোডিং লক্ষ্য করুন।
<a herf = "http://www. novacomputerbd.com"> Our Page Link </a>
এখন চলুন নিচের কয়েকটি প্রোগ্রাম দ্বারা সহজ কিছু Element শিখে নেওয়া যাক। এ বিষয়ে বিস্তারিত আলোচনা পরে  পাবেন। আর একটি  কথা Tag গুলি Lower Case এ লিখুন । সমস্ত কোডিংই  Lower Case এ লেখা উচিত।

HTML  Extension Name
আরেকটি গুরুত্বপূর্ণ বিষয় হচ্ছে সেভ করার সময় ফাইলের Extention (ডট দিয়ে দিতে হয় ) Name কি দিবেন । বলা হয় .htm বা .html যেকোন একটি দিলেই হয়। আগে সাধারনত ফাইলের Extention Name হতো ৩ অক্ষরের সেজন্য অনেকে .htm ব্যবহার করেন। কিন্তু এখন নতুন নতুন ব্রাউজার ও সফটওয়্যার অনেক আপগ্রেটড সেজন্য .html ব্যবহার করাই উচিত হবে।