HTML কি এবং কীভাবে একটি বেসিক ওয়েব পেজ তৈরি করা যায়?
অনেকেই ওয়েব ডিজাইন বা ওয়েব ডেভেলপমেন্ট শেখার আগ্রহ নিয়ে শুরু করেন, কিন্তু প্রথম ধাপেই আটকে যান। “HTML কী?”, “কোডিং না জানলে কি ওয়েবসাইট বানানো যাবে?”, “একটা সাধারণ ওয়েব পেজ কীভাবে তৈরি করবো?”—এই প্রশ্নগুলো খুবই সাধারণ।
ভালো খবর হলো, ওয়েবসাইট তৈরির প্রথম দরজা হলো HTML। এটি শিখতে খুব কঠিন নয়। বরং একদম নতুনরাও সহজে শুরু করতে পারেন।
এই গাইডে আপনি জানবেন:
HTML কী
HTML কেন দরকার
HTML দিয়ে কীভাবে বেসিক ওয়েব পেজ তৈরি করবেন
উদাহরণসহ সম্পূর্ণ কোড
নতুনদের সাধারণ ভুল
দ্রুত শেখার টিপস
যদি আপনি ওয়েব ডিজাইন শিখতে চান, তাহলে এই আর্টিকেলটি আপনার জন্য।
HTML কি?
HTML এর পূর্ণরূপ হলো HyperText Markup Language।
এটি কোনো প্রোগ্রামিং ভাষা নয়। বরং এটি একটি Markup Language, যা ওয়েব পেজের কাঠামো তৈরি করে।
সহজ ভাষায়:
শিরোনাম কোথায় থাকবে
লেখা কোথায় থাকবে
ছবি কোথায় বসবে
লিংক কোথায় থাকবে
তালিকা কেমন হবে
এসব HTML দিয়ে নির্ধারণ করা হয়।
যখন আপনি ব্রাউজারে কোনো ওয়েবসাইট দেখেন, তখন তার ভিতরের কাঠামোতে HTML থাকে।
HTML কেন শিখবেন?
HTML শেখার অনেক কারণ আছে।
১. ওয়েব ডিজাইনের প্রথম ধাপ
যদি ওয়েব ডিজাইনার হতে চান, HTML ছাড়া শুরুই করা যাবে না।
২. ব্লগ বা ওয়েবসাইট কাস্টমাইজ করতে
অনেক সময় Blogger, WordPress বা অন্য প্ল্যাটফর্মে HTML দরকার হয়।
৩. ফ্রিল্যান্সিং কাজে উপকারী
ওয়েব ডেভেলপমেন্ট, ল্যান্ডিং পেজ, ইমেইল টেমপ্লেট—সবখানে HTML লাগে।
৪. সহজে শেখা যায়
নতুনদের জন্য HTML খুবই ভালো শুরু।
HTML কীভাবে কাজ করে?
HTML বিভিন্ন Tag ব্যবহার করে কাজ করে।
উদাহরণ:
<h1>এটি শিরোনাম</h1>
<p>এটি একটি প্যারাগ্রাফ</p>
এখানে:
<h1>= বড় শিরোনাম<p>= প্যারাগ্রাফ
ব্রাউজার এই কোড পড়ে সুন্দরভাবে দেখায়।
HTML ফাইল তৈরি করতে কী লাগবে?
আপনার দরকার শুধু দুইটি জিনিস:
একটি কম্পিউটার
একটি Text Editor
উদাহরণ:
Notepad
Notepad++
Visual Studio Code Visual Studio Code
Sublime Text Sublime Text
কীভাবে একটি বেসিক HTML ওয়েব পেজ তৈরি করবেন?
এখন ধাপে ধাপে শিখি।
ধাপ ১: Notepad খুলুন
Windows এ গেলে:
Start Menu > Notepad
ধাপ ২: নিচের কোড লিখুন
<!DOCTYPE html>
<html>
<head>
<title>আমার প্রথম ওয়েব পেজ</title>
</head>
<body>
<h1>স্বাগতম</h1>
<p>এটি আমার প্রথম HTML ওয়েব পেজ।</p>
</body>
</html>
ধাপ ৩: Save করুন
ফাইলের নাম দিন:
index.html
খেয়াল রাখুন .txt নয়, .html হবে।
ধাপ ৪: Browser এ খুলুন
ফাইলের উপর ডাবল ক্লিক করুন।
তখন দেখবেন:
স্বাগতম
এটি আমার প্রথম HTML ওয়েব পেজ
উপরের কোডের ব্যাখ্যা
<!DOCTYPE html>
ব্রাউজারকে জানায় এটি HTML5 ডকুমেন্ট।
<html>
পুরো HTML কোডের মূল অংশ।
<head>
এখানে title, meta tag, CSS ইত্যাদি থাকে।
<title>
ব্রাউজার ট্যাবে নাম দেখায়।
<body>
যা ইউজার দেখে, সব এখানে থাকে।
<h1>
বড় শিরোনাম।
<p>
প্যারাগ্রাফ।
আরও কিছু দরকারি HTML Tag
Heading Tags
<h1>শিরোনাম</h1>
<h2>সাব শিরোনাম</h2>
<h3>ছোট শিরোনাম</h3>
Paragraph
<p>এটি লেখা</p>
Link
<a href="https://google.com">Google</a>
Image
<img src="photo.jpg" alt="ছবি">
List
<ul>
<li>এক</li>
<li>দুই</li>
</ul>
একটি সুন্দর বেসিক ওয়েব পেজ উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Alamin Computer Training Center</h1>
<p>কম্পিউটার শেখার সেরা জায়গায় আপনাকে স্বাগতম।</p>
<h2>আমাদের কোর্স</h2>
<ul>
<li>MS Word</li>
<li>Excel</li>
<li>Graphics Design</li>
<li>HTML CSS</li>
</ul>
<a href="https://example.com">যোগাযোগ করুন</a>
</body>
</html>
Quick Fix Section (দ্রুত শিখুন)
যারা দ্রুত জানতে চান তাদের জন্য:
HTML শুরু করতে ৫ ধাপ
Notepad খুলুন
HTML কোড লিখুন
.htmlনামে Save করুনBrowser এ খুলুন
পরিবর্তন করে Practice করুন
নতুনদের সাধারণ ভুল
১. .txt ফাইলে Save করা
ভুল:
index.txt
সঠিক:
index.html
২. Closing Tag না দেওয়া
ভুল:
<h1>Title
সঠিক:
<h1>Title</h1>
৩. ভুল বানান
ভুল:
<head>
সঠিক:
<head>
৪. ফাইল Save না করে Run করা
সবসময় Save করে Refresh দিন।
Expert Tips: দ্রুত HTML শেখার উপায়
প্রতিদিন ২০ মিনিট Practice করুন
শুধু পড়লে হবে না, কোড লিখতে হবে।
ছোট প্রজেক্ট বানান
যেমন:
Personal page
Resume page
দোকানের page
Training center page
Browser Inspect ব্যবহার করুন
Chrome Browser এর Developer Tools দিয়ে অনেক কিছু শেখা যায়।
Google Chrome
HTML এর সাথে CSS শিখুন
HTML কাঠামো দেয়, CSS সুন্দর করে।
HTML বনাম CSS বনাম JavaScript
| প্রযুক্তি | কাজ |
|---|---|
| HTML | কাঠামো তৈরি |
| CSS | ডিজাইন |
| JavaScript | কাজ করানো |
HTML শেখার পরে কী শিখবেন?
HTML শেষে এইগুলো শিখুন:
CSS
Responsive Design
JavaScript
Bootstrap Bootstrap
WordPress Basics WordPress
FAQ (Q&A)
প্রশ্ন ১: HTML কি প্রোগ্রামিং ভাষা?
না, HTML একটি Markup Language।
প্রশ্ন ২: HTML শেখা কি কঠিন?
না, একদম নতুনরাও সহজে শিখতে পারে।
প্রশ্ন ৩: HTML দিয়ে কি ওয়েবসাইট বানানো যায়?
হ্যাঁ, বেসিক ওয়েবসাইট তৈরি করা যায়।
প্রশ্ন ৪: HTML শিখতে কতদিন লাগে?
নিয়মিত Practice করলে কয়েকদিনেই বেসিক শেখা যায়।
প্রশ্ন ৫: মোবাইলে HTML শেখা যাবে?
হ্যাঁ, তবে কম্পিউটারে শেখা বেশি সুবিধাজনক।
Featured Snippet Answer
HTML কি?
HTML হলো ওয়েব পেজ তৈরির জন্য ব্যবহৃত একটি Markup Language যা ওয়েবসাইটের কাঠামো তৈরি করে।
কীভাবে HTML ওয়েব পেজ তৈরি করবেন?
Text Editor খুলুন
HTML কোড লিখুন
.htmlনামে Save করুনBrowser এ ওপেন করুন
যদি আপনি ওয়েব ডিজাইন শেখার শুরু করতে চান, তাহলে HTML দিয়েই শুরু করুন। এটি সহজ, দরকারি এবং ভবিষ্যতে অনেক কাজে লাগবে। HTML ভালোভাবে শিখে নিলে CSS ও JavaScript শেখা আরও সহজ হয়ে যাবে।
আজই একটি ছোট HTML ফাইল তৈরি করুন। শেখার সবচেয়ে ভালো উপায় হলো Practice।
আরও শেখার জন্য নির্ভরযোগ্য সাইট
W3Schools
স্থানীয় সহায়তা ও যোগাযোগ
মিরপুর কাজীপাড়া এলাকায় যদি কম্পিউটার শেখার ভালো জায়গা খুঁজে থাকেন, তাহলে Alamin Computer Training Center এ যোগাযোগ করতে পারেন।
ঠিকানা: 796, Hazi Tower, West Kazipara Bus Stand, Near Metro Rail Pillar 288
মোবাইল: 01785474006
0মন্তব্য(গুলি):
একটি মন্তব্য পোস্ট করুন
Comment below if you have any questions