এইচ টি এম এল কি ? – এইচ টি এম এল কোড লেখা

আলোচ্য সূচি –

  • এইচ টি এম এল কি ? ( HTML কি? )
  • HTML শেখার প্রয়োজনীয় যন্ত্রপাতি গুলো জানা।
  • Notepad++ (নোটপ্যাড ++) ডাউনলোড করবো কিভাবে।
  • এইচ টি এম এল কোড লিখবো কিভাবে ? এবং আউটপুট পর্যবেক্ষণ।

এইচ টি এম এল কি ? ( HTML কি? )

এইচ টি এম এল কি – এইচ টি এম এল ( HTML ) একটা Mark Up কম্পিউটার ল্যাঙ্গুয়েজ। এইচ টি এম এল কোড এর মাধ্যমের আমরা পৃথিবীর বিশাল তথ্য-ভান্ডার, ছবি, ভিডিও ইত্যাদি ইন্টারনেটের মাধ্যমে মানুষের সামনে মুহূর্তেই প্রদর্শন করতে পারি। HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়, একে Hyper Text Mark Up Language বলা হয়। এইচ টি এম এল কি ? একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে কিভাবে প্রদর্শিত হবে, তা এইচ টি এম এল ( HTML 5 ) এ Mark Up ট্যাগ সমূহ ব্যবহার করে প্রকাশ করা হয় । HTML কোড হচ্ছে কত গুলো Mark Up ট্যাগ এর সমষ্টি।

সবার আগে HTML শেখা-

ওয়েব ডিজাইনিং শেখার জন্য সবার আগে HTML শেখা জরুরি। কেননা ওয়েবপেজ গুলো HTML দিয়ে লেখা হয়। সাথে অন্যান্য কিছু থাকে যেমনঃ CSS, Java Sctipt, PHP ইত্যাদি। আবারও বলে দিচ্ছি ওয়েব ডিজাইনিং করতে সবার আগে HTML তারপর অন্যকিছু শিখবে।

HTML শেখার যন্ত্রপাতি-

HTML কোড লেখার জন্য কিছু যন্ত্রপাতি লাগবে তা একটু দেখে নাও –

১) একটি কম্পিউটার

২) HTML কোড লেখার জন্য একটি Notepad বা Notepad++(আমি নোটপেড++ বেশি prefer করি।)

৩) তোমার লেখা কোড ব্রাইজারে পরীক্ষা করার জন্য একটি ব্রাউজার। যেমনঃ Google Crome, Mozilla Firefox, Opera, Internet Explorer ইত্যাদি।

Notepad++ (নোটপ্যাড ++) ডাউনলোড করো-

Notepad++(নোটপ্যা++) www.notepad-plus-plus.org ওয়েব সাইটে গিয়ে 6-8MB Notepad++(নোটপ্যাড++) এর .exe ফাইলটি ডাউনলোড করে install করে নাও। যদি ডাইনলোড করতে না পারো তবে তোমার কম্পিউটার এ ডিফল্ট Notepad দেয়া থাকে তাতেও HTML কোড লেখা যাবে।
Notepad++ (নোটপ্যাড++) এ HTML কোড লেখাঃ

Notepad++(নোটপ্যাড++) install করা হয়ে গেলে Notepad++(নোটপ্যাড++) ওপেন করে কোড লেখা শুরু করে দাও। তার জন্য নিচের ধাপ গুলো অনুসরণ কর।

HTML কোড

১) প্রথম একটি নতুন ফাইল খুলে তা যেকোনো নাম দিয়ে save কর, তবে অবশ্যই নামের শেষে .html দিয়ে হবে। (উদাহরণঃ index.html)

প্রথম ধাপঃ তোমার নোটপ্যাড ওপেন কর।

দ্বিতীয় ধাপঃ একটি নতুন ফাইল খুলো। File > New (শর্টকাটঃ ctrl + N )

তৃতীয় ধাপঃ যদি ওয়েব পেজে বাংলা লিখতে চাইলে অবশ্যই নিচের ছবির মত Encode in UTF-8 সিলেক্ট করে সেভ করবে।

চতুর্থ ধাপঃ এবার ফাইলটি সংরক্ষণ করো। প্রথমে File এ ক্লিক করে Save as এ ক্লিক করো, একটি নতুন Window আসবে। তুমি যেখানে তোমার এইচটিএমএল সংরক্ষণ করতে চাও সেই ড্রাইভারে সংরক্ষণ করতে পারবে। File name এর জায়গায় তোমার ইচ্ছা মতো নাম দিতে পারবে শুধু নামের শেষে .html দিতে হবে।

২) এবার নিচের কোডটুকু এই ফাইলের মাঝে লিখে আবার save কর। ভয় পাওয়ার কিচ্ছু নেই, আপাদত তোমাকে কোড বুঝতে হবে না শুধু দেখে দেখে টাইপ কর, পরের অধ্যায়ে এই কোড এর ব্যাখ্যা দেয়া আছে।

<!DOCTYPE html>
<html>

<head>
<title>This Is Title</title>
</head>

<body>

<h1>My First Heading.</h1>
<p>My first paragraph.</p>

</body>
</html>

৩) এখন যেখানে সেভ করেছো সেখানে গিয়ে ফাইলটি একটি ব্রাউজারে open করো, নিচের মতো তোমার ব্রাউজারে আউটপুট দেখতে পাবে।

394 Total Views 2 Views Today