Monday, March 25, 2019

HTML টিউটোরিয়াল পর্ব-৪। প্রথম HTML ফাইল তৈরী ও ব্রাউজারে প্রদর্শন।



গত পর্বে আমরা HTML পেজ এর মূল গঠন নিয়ে আলোচনা করেছিলাম। আমি আশাকরি ঐ পোষ্ট এ দেওয়া কোডগুলো সবাই আয়ত্ব করে ফেলেছেন। সেই দিক বিবেচনা করে আজ আমি এই পোষ্টে দেখাবো কিভাবে আপনার প্রথম HTML ফাইল তৈরী করবেন ও ব্রাউজারে ডিসপ্লে করাবেন। তাহলে চলুন শুরু করা যাক। প্রথমে আপনার কম্পিউটারের ডেক্সটপে একটা ফোল্ডার তৈরী করুন এবং এর নাম দিন ‘HTML’এখন এই HTML ফোল্ডারের মধ্যে firsthtml.html নামে একটা ফাইল তৈরী করুন ফাইল টাইপ মানে এক্সটেনশন হবে .html আর এটা করতে ও সস্ত কোডিং করতে নোটপ্যাড++ ব্যবহার করবেন। ধরে নিলাম আপনার ফাইল তৈরী শেষ এখন ঐ firsthtml.html টি নোটপ্যাড++ দ্বারা ওপেন করুন এবং এতে নিচের কোড টুকু লিখুন:
গত পর্বে আমরা HTML পেজ এর মূল গঠন নিয়ে আলোচনা করেছিলাম। আমি আশাকরি ঐ পোষ্ট এ দেওয়া কোডগুলো সবাই আয়ত্ব করে ফেলেছেন। সেই দিক বিবেচনা করে আজ আমি এই পোষ্টে দেখাবো কিভাবে আপনার প্রথম HTML ফাইল তৈরী করবেন ও ব্রাউজারে ডিসপ্লে করাবেন। তাহলে চলুন শুরু করা যাক। প্রথমে আপনার কম্পিউটারের ডেক্সটপে একটা ফোল্ডার তৈরী করুন এবং এর নাম দিন ‘HTML’এখন এই HTML ফোল্ডারের মধ্যে firsthtml.html নামে একটা ফাইল তৈরী করুন ফাইল টাইপ মানে এক্সটেনশন হবে .html আর এটা করতে ও সস্ত কোডিং করতে নোটপ্যাড++ ব্যবহার করবেন। ধরে নিলাম আপনার ফাইল তৈরী শেষ এখন ঐ firsthtml.html টি নোটপ্যাড++ দ্বারা ওপেন করুন এবং এতে নিচের কোড টুকু লিখুন:
উপরের কোডটুকু লক্ষ করে দেখুন আমরা গত পর্বে যে কোড লিখেছিলাম সেই কোড অর্থাত html এর মূল গঠন এটি। তবে খেয়াল করলে দেখতে পাবেন যে, দুই যায়গায় দুটি জিনিষ লেখা হয়েছে। একটা হল title ট্যাগ এর মাঝখানে লেখা হয়েছে:This is title এবং body ট্যাগ এর মাঝখানে লেখা হয়েছে: All body content goes here এবার সেভ করে মজিলা ফায়ার ফক্স দ্বারা ওপেন করুন। তাহলে নিচের মত ইন্টারফেস দেখতে পাবেন:



উপরের চিত্রে লক্ষ করে দেখনুন আমি দুইটি স্থানে মার্ক করেছি। ১ নং চিহ্নিত স্থানে যে লেখাটা ডিসপ্লে হচ্ছে সেটাকে বলা হয় টাইটেল এবং এটা ডিসপ্লে করানোর জন্য আমি ঐ লেখাটা আমাদের কোডিং এর টাইটেল ট্যাগ এর মাঝে লিখেছি। আর ২ নং চিহ্নিত স্থানে যে লেখাটা ডিসপ্লে হচ্ছে ঐ স্থানটা হল বডি এটা ডিসপ্লে করানোর জন্য আমি লেখাটাকে body ট্যাগ এর মধ্যে লিখেছি। এবং আমাদের সব কোড যেটা ডিসপ্লে করাতে হবে সেটাকে এই body ট্যাগ এর মধ্যে রাখতে হবে। আগামী পর্বে অন্য বিষয় নিয়ে আলোচনার প্রত্যাশায় এখানেই বিদায়, আল্লাহ হাফেজ।
Previous Post
Next Post

post written by:

0 comments: