আসুন HTML দিয়ে একটি সিম্পল webpage তৈরী করি। - জীবন গড়ি প্রযুক্তির সুরে ♫

Post Top Ad

আসুন HTML দিয়ে একটি সিম্পল webpage তৈরী করি।

আসুন HTML দিয়ে একটি সিম্পল webpage তৈরী করি।

Share This
ইনফোটেকলাইফ.কম এর ওযেব পেজ এন্ড টিউটোরিয়ালে আপনাদের সবাইকে স্বাগতম। আশা করি সকলেই ভাল আছেন। আমরা পুর্বের পোস্টে HTML এর বিভিন্ন ট্যাগ ও এদের শ্রেনী নিয়ে আলোচনা করেছিলাম। আজ আমরা এই HTML ট্যাগ ব্যবহার করে কিভাবে একটি সিম্পল ওয়েব পেজ তৈরী করা যায় তা জানব এবং প্র্যাকটিক্যালি একটি ওয়েব পেজ তৈরী করা শিখব। তার আগে আমরা জানব কোন কোন Page Structure Tag উপর ভিত্তি করে একটি ওয়েব পেজ তৈরী হয় তা দেখাব। নীচের কোড বক্স ভাল ভাবে লক্ষ্য করুন।

<html>
 <head>


 </head>
 <body>


 </body>
</html>

উপরের কোডে আমরা ভাল করে দেখতে পাচ্ছি, <html></html> ট্যাগ দ্বারা বুঝা যাচ্ছে যে এটি একটি এইচটিএমএল ডকুমেন্ট।এই ডকুমেন্ট এর মাঝে <head> </head>  এবং  <body></body> ট্যাগ দেওয়া হয়েছে। হেড ট্যাগের মধ্যে পেজের টাইটেল দেওয়া হয় যা আপনি ব্রাউজারে  এড্রেস বারের উপরে দেখতে পান। এছাড়াও এই ট্যাগের মাঝে সিএসএস লিংকিং, এবং বিভিন্ন কোড ইনস্ট্রাকশন দেওয়া হয়।  বডি ট্যাগের মধ্যে একটি ওযেবসাইট বা পেজের মুল কন্টেন্ট থাকে। এখন আমরা এই পেজ স্ট্রাকচার ট্যাগ ব্যবহার করে, একটি সিম্পল ওয়েব পেইজ তৈরী করব।
প্রথমে আপনার কম্পিউটারের যে কোন ডাইভে একটি ফোল্ডার ক্রিয়েট করুন এবং এর নাম দিন My web project
এই ফোল্ডারের মধ্যে একটি নোটপ্যাড ফাইল ক্রিয়েট করুন এবং এর নাম দিন index.html(আপনি অন্য নামও দিতে পারেন) এখন এই HTML ফাইলটি Notepad++ দ্বারা ওপেন করুন। এখন নিচের কোডগুলো লিখে ফেলূন অথবা এখান থেকে কপি করে পেস্ট করে সেভ করুন।
<html>
 <head>
  <title> This is a page title </title>
 </head>
 <body>
  <h1> This is a post title </h1>
  <p>This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.</p>
 </body>
</html>

এখন Notepad++ এর Run অপশন হতে যে কোন browser এ রান করুন। দেখুন একটি সিম্পল ওয়েব পেইজ তৈরী হয়ে গেছে। আপাতত এটুকুই কিছুদিন প্র্যাকটিস করতে খাকুন। এর পর শিঘ্রই ফিরব পরবতী টিউটোরিয়াল নিয়ে।

No comments:

Post a Comment

Post Bottom Ad

Pages