হোম
ইনকাম
ওয়েব ডেভেলপমেন্ট

HTML শেখা শুরু করুন – একদম শুরু থেকে সহজভাব

HTML শেখা শুরু - উদাহরণ কোড

HTML শেখা শুরু করুন – একদম শুরু থেকে সহজভাবে

HTML বা HyperText Markup Language হল ওয়েবসাইট তৈরির মূল ভিত্তি। আপনি যদি ওয়েবসাইট তৈরি করতে চান, তাহলে HTML শেখা হবে আপনার প্রথম ধাপ। এই পোস্টে আমরা HTML-এর মৌলিক ধারণা, প্রয়োজনীয় ট্যাগস, উদাহরণ, এবং শেখার পর করণীয় সব কিছু বিস্তারিত আলোচনা করব।

🧐 HTML কী?

HTML হলো একটি মার্কআপ ভাষা যা ওয়েবপেজের কাঠামো তৈরি করতে ব্যবহৃত হয়। এটি ব্রাউজারকে বলে দেয়, কোনটা হেডিং, কোনটা প্যারাগ্রাফ, কোনটা ছবি, লিংক ইত্যাদি। এটি মূলত ডকুমেন্টের স্ট্রাকচার তৈরি করতে ব্যবহৃত হয়।

>📄 একটি সাধারণ HTML কোডের গঠন

<!DOCTYPE html>
<html>
<head>
  <title>আমার প্রথম ওয়েব পেজ</title>
</head>
<body>
  <h1>স্বাগতম!</h1>
  <p>এটি আমার প্রথম HTML পেজ।</p>
</body>
</html>

এই কোডটি একটি সাধারন HTML পেইজ গঠন করে যেখানে <h1> ট্যাগে শিরোনাম এবং <p> ট্যাগে অনুচ্ছেদ দেখানো হয়।

🔍 HTML কী কী করতে পারে?

  • ওয়েবসাইটের কাঠামো তৈরি করা
  • ছবি, ভিডিও, অডিও যুক্ত করা
  • হাইপারলিংক তৈরি করা
  • টেবিল ও ফর্ম তৈরি করা
  • ইউজারের ইনপুট নেওয়া
  • ওয়েব কনটেন্টে ভিজ্যুয়াল এফেক্ট আনা

📚 HTML শেখার জন্য গুরুত্বপূর্ণ টপিকসমূহ

  1. HTML Structure (html, head, body)
  2. Text Formatting Tags
  3. Hyperlink ও Anchor Tags
  4. Image Tag এবং Image Attributes
  5. Table Tag: Table, tr, td, th
  6. Form Tag: input, textarea, select
  7. List: Ordered এবং Unordered List
  8. Semantic Tags: article, section, nav, footer
  9. Comments, DOCTYPE এবং Meta Tags

🖼️ HTML Image ও Attribute উদাহরণ

<img src="image.jpg" alt="HTML উদাহরণ ছবি" width="300" />

alt ট্যাগটি ব্রাউজারে ছবি না দেখালে বিকল্প টেক্সট দেখাতে সাহায্য করে।

🔗 HTML Link Tag উদাহরণ

<a href="https://mathcheap.com" target="_blank">Mathcheap ওয়েবসাইট দেখুন</a>

এই কোডের মাধ্যমে একটি লিংক তৈরি হয় যা নতুন ট্যাবে খুলবে।

🧾 HTML Form Tag উদাহরণ

<form action="submit.php" method="post">
  নাম: <input type="text" name="name" /><br>
  ইমেইল: <input type="email" name="email" /><br>
  মন্তব্য: <textarea name="message"></textarea><br>
  <input type="submit" value="পাঠান" />
</form>

📋 HTML Table উদাহরণ

<table border="1">
  <tr>
    <th>নাম</th>
    <th>রোল</th>
  </tr>
  <tr>
    <td>আকাশ</td>
    <td>১</td>
  </tr>
</table>

টেবিল ওয়েব কনটেন্ট গুছিয়ে দেখাতে সাহায্য করে।

📚 HTML শেখার মাধ্যম

🖼️ HTML প্র্যাকটিস এর জন্য কোড এডিটর

  • Notepad++
  • VS Code (Visual Studio Code)
  • Online Editor: CodePen, JSFiddle

🎯 HTML শেখার পর আপনি যা করতে পারবেন

  • নিজস্ব ওয়েবসাইট তৈরি করতে পারবেন
  • ওয়ার্ডপ্রেস থিম কাস্টমাইজ করতে পারবেন
  • ফ্রিল্যান্সিং সাইটে কাজ করতে পারবেন (Fiverr, Upwork)
  • CSS ও JavaScript শেখার জন্য প্রস্তুত হবেন
HTML শেখা শুরু করুন শুরু থেকে

🔚 উপসংহার

HTML শেখা ওয়েব ডেভেলপমেন্টের প্রথম ধাপ এবং এটি খুব সহজেই শেখা যায়। আপনার যদি আগ্রহ ও ইচ্ছা থাকে, তাহলে অল্প কিছুদিনেই আপনি নিজেই একটি ওয়েবসাইট তৈরি করে ফেলতে পারবেন। ভবিষ্যতে CSS ও JavaScript শেখার মাধ্যমে আপনি আরও উন্নত ওয়েবসাইট তৈরি করতে পারবেন।

পোস্টটি ভালো লাগলে শেয়ার করতে ভুলবেন না। আপনার মতামত বা প্রশ্ন নিচের কমেন্টে জানান।

লেখক পরিচিতি:

আরিফিন আকাশ
প্রভাষক(গণিত) ও Mathcheap এর স্বত্বাধিকারী
গণিত, বিজ্ঞান, ও প্রযুক্তি বিষয়ক লেখক।
ওয়েবসাইট: www.mathcheap.com
Facebook: facebook.com/mathcheap

একটি মন্তব্য পোস্ট করুন

ভদ্রতা বজায় রেখে কমেন্ট করার জন্য ধন্যবাদ