TFads.
  • TFads.
  • সাম্প্রতিক পোষ্ট:

       ধারাবাহিক HTML টিউটোরিয়াল পর্ব-৭। HTML কমেন্ট ও লাইন ব্রেক।    ধারাবাহিক HTML টিউটোরিয়াল পর্ব-৬। ইমেজ, লিংক এবং এট্রিবিউট।    ধারাবাহিক HTML টিউটোরিয়াল পর্ব-৫। HTML এলিমেন্ট সম্পর্কে আলোচনা।    ধারাবাহিক HTML টিউটোরিয়াল পর্ব-৪। প্রথম HTML ফাইল তৈরী ও ব্রাউজারে প্রদর্শন।    ধারাবাহিক HTML টিউটোরিয়াল পর্ব-৩। HTML পেজ এর মূল গঠন।    ধারাবাহিক HTML টিউটোরিয়াল পর্ব-২। প্রয়োজনীয় উপকরণ ডাউনলোড ও ইন্সটল।    চলুন শুরু করি HTML এর ধারাবাহিক টিউটোরিয়াল।    ওয়ার্ডপ্রেস থিম কাস্টমাইজেশন পর্ব-৩৮, আপনার ব্লগ থেকে পোষ্ট চুরি বন্ধ করুন মাত্র একটা কোডের মাধ্যমে।    ওয়ার্ডপ্রেস থিম কাস্টমাইজেশন পর্ব-৩৭, ওয়ার্ডপ্রেস সাইটে Admin Only কন্টেন্ট যোগ করুন প্লাগিন ছাড়া।    ওয়ার্ডপ্রেস কাস্টম থিম তৈরী: পর্ব-৫, তৈরীকৃত ফাইল-ফোল্ডার কে থিমে রুপান্তর ও ইন্সটল।

    যোগদান: সেপ্টেম্বর ১৬, ২০১৭
    107.টি পোষ্ট,   3.টি মন্তব্য

    This author may not interested to share anything with others This author may not interested to share anything with others This author may not interested to share anything with others

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

    » »২৮ জানুয়ারী, ২০১৯ »মন্তব্য করুন » » এইচটিএমএল »61 বার দেখা

    গত পর্বে আমরা 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 ট্যাগ এর মধ্যে রাখতে হবে। আগামী পর্বে অন্য বিষয় নিয়ে আলোচনার প্রত্যাশায় এখানেই বিদায়, আল্লাহ হাফেজ।

    প্রিয়তে যুক্ত করুন: 1

    মন্তব্য করুন

    মন্তব্য করতে হলে আপনাকে প্রবেশ করতে হবে.