7 দিনে HTML শিখি – Part 1: Introduction & Basics

August 3, 2025 2 min read

1 76 0

স্বাগতম! এই কোর্সের প্রথম দিনে আমরা HTML এর Introduction এবং Basics নিয়ে আলোচনা করবো। নতুনদের জন্য এটি একদম বেসিক থেকে তৈরি করা হয়েছে যাতে সহজে বুঝতে পারো এবং পরবর্তীতে HTML এর উপর ভালো ধারণা তৈরি করতে পারো।

Web Application:

যে Applications গুলো Internet/Web এর মাধ্যমে services provide করে সেগুলোকে Web Applications বলে। এগুলো মূলত client এবং server এর মধ্যে ডেটা আদান-প্রদানের মাধ্যমে কাজ করে।

উদাহরণ: gmail.com, facebook.com, durgasoftvideos.com, instagram.com

Web Application এর প্রধান Component:

Front-End (Client Side)
Back-End (Server Side)

1) Front-End:

এটি সেই অংশ যা user সরাসরি দেখে এবং ব্যবহার করে।
Front-End তৈরি করতে ব্যবহৃত Technologies: HTML, CSS, JavaScript, jQuery, Bootstrap
jQuery এবং Bootstrap হলো advanced front-end technologies, যেগুলো HTML, CSS এবং JavaScript এর উপর ভিত্তি করে তৈরি।
Front-End মূলত একটি Web Page এর structure, style এবং behavior নির্ধারণ করে।

HTML (HyperText Markup Language):

HTML প্রতিটি web application এর জন্য mandatory।
এটি একটি Markup Language যা ওয়েবপেজের structure তৈরি করে।
HTML এর সাহায্যে headings, paragraphs, images, tables, forms ইত্যাদি তৈরি করা যায়।

CSS (Cascading Style Sheets):

HTML Page কে সুন্দরভাবে সাজানোর জন্য CSS ব্যবহার করা হয়।
CSS এর মাধ্যমে color, font, layout, spacing, border ইত্যাদি স্টাইল যোগ করা যায়।
CSS না থাকলে HTML Page দেখতে শুধু সাধারণ টেক্সট আকারের হবে।

JavaScript:

JavaScript ওয়েবপেজে interactivity এবং logic যোগ করে।
HTML এর সাথে JavaScript ব্যবহার করলে Page Dynamic হয়ে যায়।
Validation, Animation, Real-time Content Update ইত্যাদি করার জন্য JavaScript দরকার।

Static vs Dynamic Response:

Static: যদি response সবসময় একই থাকে এবং user বা time এর উপর নির্ভর না করে।
উদাহরণ: Gmail login page, ICICI bank home page।
Dynamic: যদি response user বা time অনুযায়ী পরিবর্তিত হয়।
উদাহরণ: Gmail inbox, ICICI bank balance page।

2) Back-End:

Back-End user কে কি দেখানো হবে সেটা নির্ধারণ করে এবং ডেটা প্রক্রিয়া করে।
এটি server side এ চলে এবং database এর সাথে communicate করে।

Back-End এর ৩টি প্রধান অংশ:

Language: Java, Python, PHP ইত্যাদি
Framework: Django, Flask, Laravel ইত্যাদি
Database: SQLite, MySQL, Oracle ইত্যাদি

Python একটি সহজ এবং জনপ্রিয় backend language।
Django একটি fast, secure এবং scalable Python framework।
SQLite default database হিসেবে ছোট প্রোজেক্টের জন্য ভালো কাজ করে।

HTML Basics:

HTML = HyperText Markup Language।
HTML হলো প্রতিটি Web Page এর মূল ভিত্তি।
CSS দিয়ে HTML Page কে সাজানো হয় এবং JavaScript দিয়ে Interactive করা হয়।
HTML এর মাধ্যমে একটি ওয়েবপেজের সকল Content কে সঠিকভাবে structure করা যায়।

HTML Page Structure:

একটি HTML Page সাধারণত দুটি অংশে বিভক্ত হয়:

Head: meta data, title, CSS/JS file link
Body: মূল Content যা user দেখে

Basic HTML Template:

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>My First Page</title>
    <!-- CSS এবং JS ফাইল এখানে link করা হয় -->
  </head>
  <body>
    <h1>Welcome to My Website</h1>
    <p>This is my first HTML page.</p>
  </body>
</html>

HTML এর বৈশিষ্ট্য:

Indentation তেমন গুরুত্বপূর্ণ না কিন্তু tags সঠিকভাবে বন্ধ করতে হবে।
CSS এবং JavaScript সাধারণত <head> এ link করা হয়।
মূল Content সবসময় <body> এর মধ্যে রাখা হয়।
HTML শুধুমাত্র structure তৈরি করে; style এবং dynamic behavior আলাদা technologies এর মাধ্যমে আসে।

আজকের Part শেষ। এই অংশে আপনি Web Application এর মূল ধারণা, HTML এর গুরুত্ব এবং Basic Structure শিখলেন। পরবর্তী Part এ আমরা Text এবং Comments নিয়ে কাজ করবো।