আমার এই পোষ্টে আমি আলোচনা করতে যাচ্ছি HTML পেজ এর মূল গঠন বা স্ট্রাকচার সম্পর্কে। মনে রাখবেন যে, পৃথিবীতে যত HTML পেজ আছে সবই এই মৌলিক গঠনে গঠিত তাই এটি খুবই গুরুত্ব পূর্ণ। আমরা পরবর্তীতে HTML সম্পর্কে যত উচ্চ লেভেলে পড়াশুনা করি না কেন সবই এই স্ট্রাকচারে গঠিত তাই এই পর্বটি আপনার আমার সকলের জন্য খুবই গুরুত্বপূর্ণ। আমি প্রথমে মূল গঠন লিখে পরে বিস্তারিত বলে দিব। মনে রাখবেন,HTML পেজ এ যা কিছু লেখা হবে সবই ট্যাগ এর মধ্যে লিখতে হবে অর্থাত ট্যাগ স্টার্ট করে কিছু লিখে আবার ট্যাগ ক্লোজ করতে হবে। আর ‘<>‘এটা হল স্টার্টিং ট্যাগ এবং ‘‘হল ক্লোজিং ট্যাগ তাহলে ‘‘হল স্টার্টিং html ট্যাগ এবং ‘‘ হল ক্লোজিং html ট্যাগ। পরবর্তীতে যত ধরনের ট্যাগ ব্যবহার করি না কেন সব গুলোই এই html ট্যাগ এর মধ্যে বসাতে হবে। একটা ট্যাগ শুরু হলে অবশ্যই শেষ করতে হবে। তাহলে চলুন দেখেনিই html এর স্টার্টিং ট্যাগ ও ক্লোজিং ট্যাগ কেমন:
1 2 3 | <html> স্টার্টিং html ট্যাগ </html> ক্লোজিং html ট্যাগ |
চলুন এখন আমরা এই html ট্যাগ এর মধ্যে আরো একটি ট্যাগ বসাবো:
1 2 3 4 5 | <html> স্টার্টিং html ট্যাগ <head> স্টার্টিং head ট্যাগ </head> ক্লোজিং head ট্যাগ </html> ক্লোজিং html ট্যাগ |
এখন আমরা head ট্যাগ এর মধ্যে আরো একটি ট্যাগ বসাবো সেটা হল: টাইটেল ট্যাগ চলুন দেখি:
1 2 3 4 5 6 7 | <html> স্টার্টিং html ট্যাগ <head> স্টার্টিং head ট্যাগ <title> স্টার্টিং title ট্যাগ </title> ক্লোজিং title ট্যাগ </head> ক্লোজিং head ট্যাগ </html> ক্লোজিং html ট্যাগ |
এখন আমরা html ট্যাগ এর মধ্যে head ট্যাগ এর নিচে body ট্যাগ বসাবো যেখানে আমাদের সকল ডিজাইন করতে হবে চলুন দেখি:
1 2 3 4 5 6 7 8 9 10 | <html> স্টার্টিং html ট্যাগ <head> স্টার্টিং head ট্যাগ <title> স্টার্টিং title ট্যাগ </title> ক্লোজিং title ট্যাগ </head> ক্লোজিং head ট্যাগ <body> স্টার্টিং body ট্যাগ </body> ক্লোজিং body ট্যাগ </html> ক্লোজিং html ট্যাগ |
আমরা ডকুমেন্টে যে কোডগুলো লিখছি সেগুলো হল html কোড তাই ডকুমেন্ট টাইপও হবে html আর এ কারণে এই ডকুমেন্ট লেখার শুরুতে ডকুমেন্ট টাইপ ডিক্লেয়ার করতে হবে এই কোড টা দিযে:
1 | <!DOCTYPE html> |
এবং এটা বসবে আমাদের ডকুমেন্ট এর সবার উপরে। আর একটা জিনিষ, সেটা হল আমাদের ডকুমেন্ট এ কোন ধরনের ক্যারেক্টার ব্যবহার করছি সেটা উল্লেখ করতে হবে head ট্যাগ এর মধ্যে এই কোড টা দিয়ে:
1 | <meta charset='UTF-8'> |
এখন এই দুইটা ডিক্লারেশন ব্যবহার করে আমাদের মেইন পেজটা কেমন দাড়ায় চলুন দেখি:
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> ডকুমেন্ট টাইপ নির্দেশক <html> স্টার্টিং html ট্যাগ <head> স্টার্টিং head ট্যাগ <meta charset='UTF-8'> ক্যারেক্টার সেট নির্দেশক <title> স্টার্টিং title ট্যাগ </title> ক্লোজিং title ট্যাগ </head> ক্লোজিং head ট্যাগ <body> স্টার্টিং body ট্যাগ </body> ক্লোজিং body ট্যাগ </html> ক্লোজিং html ট্যাগ |
এটা হল html এর মেইন গঠন তাই html ভালো ভাবে শিখতে হলে উপরের কোড গুলো ভালো ভাবে আয়ত্ব করুন। এক কথায় মুখস্ত করুন। মনে রাখবেন কোন ট্যাগ কোথায় শুরু হচ্ছে এবং কোথায় শেষ হচ্ছে সেটা কিন্তু খুবই জরুরি।
পরবর্তী পোষ্ট এ আমরা আলোচনা করব যে, কোন ট্যাগ এর মধ্যে কিছু লিখলে কোথায় ডিসপ্লে হয় সেই বিষয় নিয়ে। এই প্রত্যাশায় এখানেই বিদায়। আল্লাহ হাফেজ।
পরবর্তী পোষ্ট এ আমরা আলোচনা করব যে, কোন ট্যাগ এর মধ্যে কিছু লিখলে কোথায় ডিসপ্লে হয় সেই বিষয় নিয়ে। এই প্রত্যাশায় এখানেই বিদায়। আল্লাহ হাফেজ।
0 comments: