Monday, March 25, 2019

HTML টিউটোরিয়াল পর্ব-৭। HTML কমেন্ট ও লাইন ব্রেক।



আশাকরি সবাই খুব ভালো আছেন। ধারাবাহিক HTML টিউটোরিয়ালের ৭ম পর্বে আপনাদেরকে জানাই অনেক অনেক শুভেচ্ছা ও অভিনন্দন। আশাকরি আমার পূর্বের পোষ্টগুলো খুব ভালো করে দেখেছেন ও বুঝেছেন। কোথাও বুঝতে সমস্যা হলে আমাকে কমেন্ট এর মাধ্যমে জানালে আমি সেটা বুঝিয়ে দেওয়ার চেষ্টা করব। আজ এই পর্বে আমি আপনাদের সাথে HTML কমেন্ট ও লাইন ব্রেক নিয়ে আলোচনা করব। প্রথমে আসুন HTML এ কমেন্ট কি সেটা জেনে নিই। মনে করুন আপনি একটা HTML পেজ এ অনেক গুলো ট্যাগ লিখলেন এখন কোন ট্যাগ কোথায় শুরু হচ্ছে আবার কোথায় শেষ হচ্ছে এটা অনেক সময় দেখে বোঝা যায় না। এজন্য যেটা বুঝতে সমস্যা হচ্ছে সেখানে যদি আপনি কিছু লিখে রাখেন যেটা দেখে আপনি বুঝতে পারবেন যে এটা কোট ট্যাগ এর ক্লোজিং বা অন্য কিছু তাহলে কেমন হয়। আমার মনে হয় ভালো হয়। কিন্তু সমস্যা একটা আছে সেটা হল HTML পেজ এর মধ্যে প্রয়োজনের বেশি যদি কিছু অতিরিক্ত লেখা হয় তাহলে সেই লেখাটাও ব্রাউজারে এক্সিকিউট হওয়ার সম্ভাবনা আছে। তাই এই লেখাটা লিখতে হয় একটা নির্দিষ্ট ফর্মে। আর এই নির্দিষ্ট ফর্মে বা সিস্টেমে লিখলে ব্রাউজারে এক্সিকিউট হয় না। এখন আমরা দেখব কিভাবে এই কমেন্ট লিখতে হয়। এজন্য আপনি প্রথমে নিচের কোডটুকু কপি করে আপনার কম্পিউটারের ডেক্সটপে থাকা HTML ফোল্ডারে comment.html নামে একটা ফাইল তৈরী করুন ও সেটি ওপেন করে সেভ করে ব্রাউজারে ওপেন করুন।
নিচের ছবির মত একটা ইন্টারফেস দেখতে পাবেন। যেখানে দুটি বাক্য লেখা আছে সেই দুটিই ব্রাউজারে ডিসপ্লে হচ্ছে।





এখন আমি প্রথম বাক্যের প্রথমে
চিহ্ন এবং শেষে
যোগ করে ফাইল সেভ করে ব্রাউজারে ওপেন করে দেখি:
ঠিক এই রকম দেখাবে:



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


Previous Post
Next Post

post written by:

0 comments: