Awesome! টিউনস
সকল Awesome! টিউনস

বেসিক এইচটিএমএল টিউটোরিয়াল [পর্ব-০২] :: এইচটিএমএল শেখার পূর্ব প্রস্ততি ও গঠন

4,836 দেখা 0 টিউমেন্টস জোসস
টিউন বিভাগ এইচটিএমএল
প্রকাশিত
Level New

14 টিউনস 55 টিউমেন্টস 1 ফলোয়ার

বেসিক এইচটিএমএল টিউটোরিয়াল

আসসালামুয়ালাইকুম সবাই কেমন আছেন ? আশা করি ভাল ! আমিও মহান আল্লাহ্‌ তায়ালার অশেষ রহমতে ভাল আছি । আজ এইচটিএমএল এর পূর্বপ্রস্ততি ও গঠন নিয়ে আলোচনা করা হবে ।

এইচটিএমএল শেখার প্রস্ততি

এইচটিএমএল শিখতে পূর্বে তেমন কোন প্রস্ততির প্রয়োজন নেয় । শুধু কম্পিউটার সম্বন্ধে প্রাথমিক ধারণা থাকলেই চলবে । এইচটিএমএল শেখা খুবই সোজা, কথা না বাড়িয়ে চলুন শুরু করা যাক ।

প্রথমে আপনার কম্পিউটারের “Start” বাটন চেপে “Control Panel” এ যান এবং সেখান থেকে “Folder Options” গিয়ে “View”মেনুতে নিচের দিকে লিখা আছেঃ “Hide extensions for know file types” এটি থেকে টিক চিহ্নটি তুলে দিন এবং ওকে বাটনে ক্লিক করে সেভ করে নিন তাহলে আপনার কম্পিউটারের সকল ফাইলের এক্সটেনশন দেখা যাবে । যেমনঃ এখন যদি আপনি একটি কম্পিউটার সফটওয়্যার এর এক্সটেনশন দেখেন তাহলে দেখা যাবে এটি আসছে xxxxx.exe এই যে exe এটাই হল এক্সটেনশন ।

যাই হোক তার পর হল প্রোগ্রাম লেখার প্রস্ততি, এইচটিএমএল প্রোগ্রাম লিখতে তেমন বিশেষ কোন জিনিসের প্রয়োজন নেই । এটি শিখতে টেক্সট এডিটর যেমনঃ নোটপ্যাড(Notepad) হলেই চলে আর এটি সকল কম্পিউটারে ডিফল্টভাবে দেয়া থাকে । এবং সাথে আপনার প্রয়োজন হবে একটি ইন্টারনেট ব্রাউজারের যেমনঃ মজিলা ফায়ারফক্স, গুগল ক্রোম, অপেরা, কমোডো ড্রাগন ইত্যাদি ।

তাছাড়া কোডিং আরও সহজ করতে ব্যবহার করতে পারেন অ্যাডভান্স টেক্সট এডিটর যা আপনার এইচটিএমএল শেখাকে অতি সহজ করে দিবে । এটি ব্যবহারে উপকার গুলো বোঝতে পারবেন ।

নোটপ্যাড++ (Notepade++) এখান থেকে ডাউনলোড করতে পারেন ।

এইচটিএমএল এর গঠন

এইচটিএমএল এর প্রধান দু’টি অংশ থাকে একটি হল Head অংশ যেটি <head> দিয়ে শুরু এবং </head> দিয়ে শেষ হয় । আর দ্বিতীয়টি হল Body যা <body> দিয়ে শুরু এবং </body> দিয়ে শেষ হয় । আবার এই দু’টি কে <html> </html> এর ভিতর রাখতে হয় । যেমনঃ

<html>

<head>

</head>

<body>

</body>

</html>

আবার হেড এর ভিতর টাইটেল দিতে হবে এবং বডিতে ডেসক্রিপশন দিতে হবে চলুন দেখিঃ

<html>

<head>

<title> This is my first web title </title>

</head>

<body>

This is my first web page. And 2nd HTML class.

</body>

</html>

এবার কোডটুকু index.html নামে সেভ করে যেকোন ব্রাউজারে ওপেন করুন তা নিচের মত দেখাবেঃ

ওয়েব ডিজাইন & ডেভেলপমেন্ট সম্পর্কিত যেকোন আলোচনা করতে ময়মনসিংহসোর্স(অফিসিয়াল গ্রুপ) এ জয়েন করতে পারেন ।

সময় পেলে আমার ইসলামিক ব্লগ সাইট “আমাদেরব্লগ.নেট” থেকে ঘুরে আসতে পারেন ।

টিউনটি পড়ার জন্য আপনাকে অসংখ্য ধন্যবাদ । আগামী পর্ব দেখার আমন্ত্রন জানিয়ে এখানেই শেষ করছি ।

#ফেইসবুকে আমি

Level New

আমি মোঃ আরাফাত রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 14 টি টিউন ও 55 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

টিউনস

আরও টিউনস

টিউনারের আরও টিউনস

টিউমেন্টস