আপনার প্রথম HTML পেজ – ফ্রি HTML ও CSS কোর্স – ক্লাস ২

শুরু করার আগে, আমি আপনাকে একটি এইচটিএমএল এবং সিএসএস আইডিই ডাউনলোড করে শুরু করার পরামর্শ দিচ্ছি। আপনি চাইলে VS Code, Atom, JetBrains WebStorm, , Notepad++ বা Sublime Text ব্যবহার করতে পারেন। নিচে এগুলোর লিঙ্ক দেওয়া হল:

আসুন একটি সাধারণ HTML পেজ তৈরি করে শুরু করি। একটি HTML পেজে নিম্নলিখিত কেসিক লেআউট থাকে:

<!DOCTYPE html>
<html>
    <head>
        <!-- head definitions go here -->
    </head>
    <body>
        <!-- the content goes here -->
    </body>
</html>

আসুন একটি সহজ পৃষ্ঠা তৈরি করে শুরু করুন যা body-তে “Hello World!” বাক্যাংশটি ধারণ করে! পৃষ্ঠার একটি title ও থাকবে – যা আপনার ব্রাউজারে ট্যাবটির title এ প্রদর্শিত হবে। উপাদান HTML পেজের শিরোনামটি সংজ্ঞায়িত করে।

<p> উপাদানটি একটি “অনুচ্ছেদ” লেখতে কাজ করে, লেখার একটি ব্লক যা এর শীর্ষে এবং নীচের মাঝে খুব কম পরিমাণের ব্যবধান রাখে।

লক্ষ্য করুন যে ট্যাগগুলিতে কীভাবে একটি স্টার্ট ট্যাগ এবং একটি শেষ ট্যাগ চিহ্নিত করতে স্ল্যাশ(</p>) ব্যবহার করা হয়েছে। এর মধ্যে যা কিছু আছে তা ট্যাগের বিষয়বস্তু। কোনও ট্যাগের বিষয়বস্তুতে সাধারণত তাদের মধ্যে অতিরিক্ত HTML ট্যাগ থাকতে পারে।

<!DOCTYPE html>
<html>
    <head>
        <title>Example</title>
    </head>
    <body>
        <p>This is an example of a simple HTML page with one paragraph.</p>
    </body>
</html>

আপনি এই কোডটি আপনার আইডিইতে একটি নতুন ফাইলে কপি করে দিতে পারেন এবং ফাইলটিকে “index.html” হিসাবে সংরক্ষণ করতে পারেন। “index.html” ফাইলটি হল একটি ডিফল্ট ফাইল যা কোনও ওয়েবসাইট অ্যাক্সেস করার সময় কোনও ওয়েব সার্ভার সন্ধান করবে। ফাইলটি সংরক্ষণের পরে, আপনি এটি আপনার ব্রাউজার দিয়ে খুলতে ডাবল-ক্লিক করতে পারেন।

আপনি আপনার আইডিই দিয়েএরকম কিছু পেজ তৈরী করে অনুশীলন করতে পারেন।

Leave a Comment