HTML এর মাধ্যমে কিভাবে একটি ডকুমেন্ট তৈরি করবেন। How to learn HTML.

HTML&CSS

সবাই কেমন আছেন। প্রথম পোষ্ঠে আপনাদের ওয়েব ডিজাইনের এর সাধারন ধারনা দিয়েছি। তো এই পর্বে সাধারনত html কোডিং এর মাধ্যমে ডকুমেন্ট কিভাবে তৈরি হয় সেটা আলোচনা করব । আপনি ওয়েব ডিজাইন শিখতে হলে অবশ্যই html কোডিং জানতে হবে। তো html দিয়ে সাধারন একটি ডকুমেন্ট তৈরি ;

<html>

<head>

<title> A simple website

</title>

</head>

<body>

</body>

</html>
একটি সাধারন HTML ডকুমেন্টের গঠন:

<html> --------------------<html>tag indicates that this web page is written in html.

{<head>

< title>Title of the}--------------------<title>tag contains the web page title.

web page</title>} <head>tag contains information about the web.

</head>
<body> Content of the page----------------<body> tag contains the

</body> content of the web Page.

</body>

<html>------------------------</html> marks the end Of web page.

টেক্সট এডিটর নির্বাচন: (Select a favourite text editor):

নানা ধরনের টেক্সট এডিটর রয়েছে। সবচেয়ে যে টেক্সট এডিটর বেশি ব্যবহৃত হয় তা হলো Notepad. টেক্সট এডিটরের সাহায্যে সাধারনত html ডকুমেন্ট এডিট করা হয়। Notepad open করার নিয়ম দেয়া হল।

১/ Star বার-এ Click করুন।
২/ তারপর All programs -এ গিয়ে Accessories-এ ক্লিক করুন।
৩/ Accessories - এ ক্লিক করলে Notepad এ ক্লিক করুন।
৪/ Notepad এ ক্লিক করলে Notepad open হবে। Notepad open হওয়ার পর আপনি আপনার কাজ করতে পারবেন।
নতুন ফাইল তৈরি: (Create a new file):
আপনি যদি ফাইল তৈরি করেন তাহলে উক্ত ফাইলটি আপনার কাঙ্খিত ফোল্ডারের ভিতর তৈরি করবেন। নতুন ফাইল তৈরি করার পর ফাইলটি সেভ করুন। নতুন ফাইল তৈরি করা জন্য Notepad open করুন।
১/ File মেনুতে ক্লিক করুন।
২/ New পপআপ মেনুতে ক্লিক করুন।
৩/ নতুন ফাইল ওপেন হওয়ার পর প্রয়োজনীয় বিষয়বস্তু লিখুন। যেমন-
<html>

<head>

</head>

<body>

It is a simple website

</body>

</htlm>

৪/ এখন ihtml এক্সটেনশন দিয়ে ফাইলটি সেভ করুন।

৫/ সর্বশেষ ফাইলটি ব্রাউজারের মাধ্যমে ওপেন করি।

এইচটিএমএল, হেড ও বডি ট্যাগ ব্যাবহার করে একটি ডকুমেন্ট তৈরি করাঃ

যে কোন ডকুমেন্টের বিষয়বস্তু নির্ধারন করে ডকুমেন্ট তৈরি করতে হবে। আপনার Notepad টি open করুন। আমাদের নির্ধারিত ডকুমেন্ট নিচের মত হবে।

I am akash. My home district is Noakhali. My village name is shahapur. My father name is Altaf Hossen. He is a police. My mother is a housewife. I have tow brothers.

তাহলে আমাদের প্রোগ্রামটি হবে ।

<html>

<head>

<title> Luxmipur Polytechnic</title>

<body>

I am akash. My home district is Noakhali. My village name is shahapur. My father name is Altaf Hossen. He is a police. My mother is a housewife. I have tow brothers.

</body>

</html>

আউপুট হবে নিচের মতেঃ

I am akash. My home district is Noakhali.

My village name is shahapur.

My father name is Altaf Hossen. He is a police.

My mother is a housewife. I have tow brothers.

এই পোস্টে আমি এইচটিএমএল এর কোডের মাধ্যমে একটি ডকুমেন্ট কিভাবে তৈরি করবেন সেটা ধারনা দিয়েছি। পরবর্তীতে আমি এইচটিএমএল এর আরো ভালো পোস্ট দেওয়ার চেস্ট করব। তো অবশ্যাই আপনার মন্তব্য জানাবেন।