HTML হাতেখড়ি [পর্ব- ১] প্রাথমিক আলোচনা
- HTML হাতেখড়ি [পর্ব- ১] প্রাথমিক আলোচনা
- HTML হাতেখড়ি [পর্ব-২] হেডিং(Heading), প্যারাগ্রাফ( Paragraph), লিংক( Link)
- HTML হাতেখড়ি [পর্ব-৩] HTML ফরমেটিং (Formatting), লিস্টিং (Listing) এবং কমেন্ট(Comment)
- HTML হাতেখড়ি [পর্ব-৪] HTML টেবিল (Table) এবং ইনটিটিস (Entities)
- HTML হাতেখড়ি [পর্ব- ৫] এইচ.টি.এম.এল ফ্রেম (HTML Frame)
- HTML হাতেখড়ি [পর্ব- ৬] এইচ.টি.এম.এল ফর্মের উপাদান (HTML Forms Element)
এটি একটি ধারাবাহিক টিউন। পড়ুন, সব গুলো পর্ব
- HTML হাতেখড়ি [পর্ব- ১] প্রাথমিক আলোচনা
- HTML হাতেখড়ি [পর্ব-২] হেডিং(Heading), প্যারাগ্রাফ( Paragraph), লিংক( Link)
- HTML হাতেখড়ি [পর্ব-৩] HTML ফরমেটিং (Formatting), লিস্টিং (Listing) এবং কমেন্ট(Comment)
- HTML হাতেখড়ি [পর্ব-4] HTML টেবিল (Table) এবং ইনটিটিস (Entities)
- HTML হাতেখড়ি [পর্ব- ৫] এইচ.টি.এম.এল ফ্রেম (HTML Frame)
- HTML হাতেখড়ি [পর্ব- ৬] এইচ.টি.এম.এল ফর্মের উপাদান (HTML Forms Element)
আজ থেকে আমি ওয়েব প্রোগ্রামিং নিয়ে ধারাবাহিক পর্ব শুরু করতে যাচ্ছি। বরাবরই দেখে আসছি ওয়েব প্রোগ্রামিং নিয়ে সবাই শুরু করে, কিন্তু সেটা আর শেষ করে না। এখন এর কারণ হিসেবে আমরা অনেক কিছুই বলতে পারি। যাই হোক কথা সেটা না। কথা হল আমরা এটা দেখতে দেখতে প্রায় বিরক্ত। কারণ যারা তাদের অনুসরণ করেন তারা ধারাবাহিক টিউটোরিয়াল না পেয়ে প্রায় হতাশ হয়ে যান। এই সমস্যা থেকে আশা করি আমি আপনাদের রেহাই দিতে পারি। কারণ সবগুলো টিউটোরিয়াল আমার করা হয়ে গেছে। এখন শুধু এগুলো ধারাবাহিকভাবে প্রকাশ করব। যাই হোক আমি আর সময় নষ্ট না করে আমার টিউটোরিয়াল শুরু করে দেই।
HTML করতে গেলে আমাদের মনে অনেকগুলো প্রশ্ন জাগতে পারে। প্রশ্নগুলো উত্তরসহ যথাক্রমে নিচে দেওয়া হল:
- HTML কি?
উত্তর: HTML হল Hyper Text Markup Language.
- HTML দিয়ে কি করা হয়?
উত্তর: HTML দিয়ে ওয়েব সাইট তৈরি করা হয়।
- 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 হল Hyper Text Markup Language.
- HTML দিয়ে কি করা হয়?
উত্তর: HTML দিয়ে ওয়েব সাইট তৈরি করা হয়।
- 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) লিখতে হবে।
No comments:
Post a Comment