আজ থেকে আমি ওয়েব প্রোগ্রামিং নিয়ে ধারাবাহিক পর্ব শুরু করতে যাচ্ছি। বরাবরই দেখে আসছি ওয়েব প্রোগ্রামিং নিয়ে সবাই শুরু করে, কিন্তু সেটা আর শেষ করে না। এখন এর কারণ হিসেবে আমরা অনেক কিছুই বলতে পারি। যাই হোক কথা সেটা না। কথা হল আমরা এটা দেখতে দেখতে প্রায় বিরক্ত। কারণ যারা তাদের অনুসরণ করেন তারা ধারাবাহিক টিউটোরিয়াল না পেয়ে প্রায় হতাশ হয়ে যান। এই সমস্যা থেকে আশা করি আমি আপনাদের রেহাই দিতে পারি। কারণ সবগুলো টিউটোরিয়াল আমার করা হয়ে গেছে। এখন শুধু এগুলো ধারাবাহিকভাবে প্রকাশ করব। যাই হোক আমি আর সময় নষ্ট না করে আমার টিউটোরিয়াল শুরু করে দেই।
HTML করতে গেলে আমাদের মনে অনেকগুলো প্রশ্ন জাগতে পারে। প্রশ্নগুলো উত্তরসহ যথাক্রমে নিচে দেওয়া হল:
- HTML কি?
- HTML দিয়ে কি করা হয়?
- HTML প্রাকটিস করার জন্য কি কোন এডিটরের প্রয়োজন হয়?
- HTML শিখার জন্য কি কোন ওয়েব সার্ভার এর প্রয়োজন হয়?
- HTML শিখার জন্য কি কোন ওয়েব সাইটের প্রয়োজন হয়?
- HTML ফাইল কিভাবে তৈরি করতে হয়?
প্রথম ধাপ:
প্রথমে আপনার কম্পিউটার থেকে নোটপ্যাড অথবা নোটপ্যাড++(নোটপ্যাডের উন্নত ভার্সন) ওপেন করুন।দ্বিতীয় ধাপ:
নিম্নের কোডটি টাইপ করুন। (কোডের ব্যাখ্যা নিম্নে দেওয়া হল)<html> <head> <title>your website name</title> </head> <body> <p>This is your first HTML website</p> </body> </html>
তৃতীয় ধাপ:
ফাইলটি .html এক্সটেনশন দিয়ে সেভ করুন। অর্থাৎ আপনি যদি আপনার তৈরি করা এই পেজটির নাম দেন index তাহলে এটি নামে index.html সেভ করুন।চতুর্থ ধাপ:
এবার output(আউটপুট) দেখার জন্য আপনার তৈরি করা ফাইলটির উপর মাউস দিয়ে ডাবল ক্লীক করুন। আশা করি আপনি আউটপুট হিসেবে আপনার ব্রাউজারে This is you first HTML website এই লেখাটি দেখতে পাবেন।উপরোক্ত কোডটির ব্যাখ্যা:
- যেকোন ট্যাগ <> চিহ্ন দিয়ে শুরু হয় এবং </> চিহ্ন দিয়ে শেষ হয় উদাহরণসরূপ
< html> < /html>
- এখানে Title ট্যাগের মধ্যে আপনার ওয়েব সাইটের নাম লিখতে হবে। আপনি চাইলে নামের সাথে আরো অনেককিছু যোগ করতে পারবেন, যা আপনার ব্রাউজারের টাইটেল বারে প্রদর্শিত হবে।
- Head(হেড) অংশের ভিতরে আপনি CSS, Javascript সহ যেকোন স্ক্রীপ্ট যোগ করতে পারবেন।
- Body অংশের ভিতরে আপনার ওয়েব সাইটের সব Content(কনটেন্ট) থাকবে।
- আর একটা কথা বিশেষভাবে মনে রাখবেন তা হল প্রত্যেকটি ট্যাগ ছোট হাতের অক্ষরে(small letter) লিখতে হবে।
HTML করতে গেলে আমাদের মনে অনেকগুলো প্রশ্ন জাগতে পারে। প্রশ্নগুলো উত্তরসহ যথাক্রমে নিচে দেওয়া হল:
- HTML কি?
- HTML দিয়ে কি করা হয়?
- HTML প্রাকটিস করার জন্য কি কোন এডিটরের প্রয়োজন হয়?
- HTML শিখার জন্য কি কোন ওয়েব সার্ভার এর প্রয়োজন হয়?
- HTML শিখার জন্য কি কোন ওয়েব সাইটের প্রয়োজন হয়?
- HTML ফাইল কিভাবে তৈরি করতে হয়?
প্রথম ধাপ:
প্রথমে আপনার কম্পিউটার থেকে নোটপ্যাড অথবা নোটপ্যাড++(নোটপ্যাডের উন্নত ভার্সন) ওপেন করুন।দ্বিতীয় ধাপ:
নিম্নের কোডটি টাইপ করুন। (কোডের ব্যাখ্যা নিম্নে দেওয়া হল)<html> <head> <title>your website name</title> </head> <body> <p>This is your first HTML website</p> </body> </html>
তৃতীয় ধাপ:
ফাইলটি .html এক্সটেনশন দিয়ে সেভ করুন। অর্থাৎ আপনি যদি আপনার তৈরি করা এই পেজটির নাম দেন index তাহলে এটি নামে index.html সেভ করুন।চতুর্থ ধাপ:
এবার output(আউটপুট) দেখার জন্য আপনার তৈরি করা ফাইলটির উপর মাউস দিয়ে ডাবল ক্লীক করুন। আশা করি আপনি আউটপুট হিসেবে আপনার ব্রাউজারে This is you first HTML website এই লেখাটি দেখতে পাবেন।উপরোক্ত কোডটির ব্যাখ্যা:
- যেকোন ট্যাগ <> চিহ্ন দিয়ে শুরু হয় এবং </> চিহ্ন দিয়ে শেষ হয় উদাহরণসরূপ
< html> < /html>
- এখানে Title ট্যাগের মধ্যে আপনার ওয়েব সাইটের নাম লিখতে হবে। আপনি চাইলে নামের সাথে আরো অনেককিছু যোগ করতে পারবেন, যা আপনার ব্রাউজারের টাইটেল বারে প্রদর্শিত হবে।
- Head(হেড) অংশের ভিতরে আপনি CSS, Javascript সহ যেকোন স্ক্রীপ্ট যোগ করতে পারবেন।
- Body অংশের ভিতরে আপনার ওয়েব সাইটের সব Content(কনটেন্ট) থাকবে।
- আর একটা কথা বিশেষভাবে মনে রাখবেন তা হল প্রত্যেকটি ট্যাগ ছোট হাতের অক্ষরে(small letter) লিখতে হবে।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন