WebX

HTML ও CSS পরিচিতি

ওয়েব ডিজাইনের জগতে প্রবেশ করতে চাইলে HTML ও CSS শেখা বাধ্যতামূলক। এটি ওয়েবসাইট তৈরির মূল ভিত্তি হিসেবে কাজ করে।

HTML (HyperText Markup Language)

HTML হলো ওয়েব পেজের কাঠামো তৈরি করার ভাষা। এটি বিভিন্ন ট্যাগ (Tag) ব্যবহার করে পেজের কন্টেন্ট সাজায়, যেমনঃ হেডিং, প্যারাগ্রাফ, লিঙ্ক, ছবি, টেবিল ইত্যাদি।

উদাহরণস্বরূপ, একটি সাধারণ HTML কোড:

<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <title>আমার প্রথম ওয়েব পেজ</title>
</head>
<body>
    <h1>স্বাগতম!</h1>
    <p>এটি একটি সাধারণ HTML পেজ।</p>
</body>
</html>

CSS (Cascading Style Sheets)

CSS হলো ডিজাইন করার জন্য ব্যবহৃত একটি ভাষা, যা HTML উপাদানগুলোর রঙ, ফন্ট, মার্জিন, লেআউট ইত্যাদি পরিবর্তন করতে সহায়তা করে।

উদাহরণস্বরূপ, CSS ব্যবহার করে একটি হেডিং এর রঙ পরিবর্তন করা যেতে পারে:

h1 {
    color: blue;
    text-align: center;
}

HTML ও CSS একসাথে ব্যবহার

ওয়েব ডিজাইনে HTML ও CSS একসাথে ব্যবহার করা হয়। HTML দিয়ে পেজের কাঠামো তৈরি করা হয়, আর CSS ব্যবহার করে সেটির সৌন্দর্য বৃদ্ধি করা হয়।

<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <title>HTML ও CSS</title>
    <style>
        body {
            background-color: #f4f4f4;
            font-family: Arial, sans-serif;
        }
        h1 {
            color: blue;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>HTML ও CSS একসাথে</h1>
    <p>এটি একটি স্টাইল করা ওয়েব পেজ।</p>
</body>
</html>

উপসংহার

HTML ও CSS ওয়েব ডেভেলপমেন্টের প্রথম ধাপ। এগুলো ভালোভাবে আয়ত্ত করলে ওয়েবসাইট তৈরির একটি মজবুত ভিত্তি তৈরি হবে। আস্তে আস্তে আপনি JavaScript ও অন্যান্য টেকনোলজি যোগ করে আরও ইন্টারঅ্যাকটিভ ও ডাইনামিক ওয়েবসাইট তৈরি করতে পারবেন! 🚀

Next

CSS সার্কুলার অ্যানিমেশন

On this page