দ্বিতীয় অধ্যায়
কিভাবে লিখবো এইচটিএমএল?
এইচটিএমএল এডিট করার জন্য বেশ কিছু এডিটিং সফটওয়্যার রয়েছে। কিংবা তুমি সাধারন নোটপ্যাড ইউজ করতে পারো। সেটা কিভাবে ব্যাবহার করতে হয় তা এখান থেকে পড়ে নাও।
যেমন,
আগের অধ্যায়ে বলেছি যে তুমি নোটপ্যাড ব্যবহার করতে পারো। কিভাবে করবে তার জন্য আগের অধ্যায় দেখ।
তবে লেখার জন্য ভালো হল কফিকাপ। কারন এটির IDE সোজা। গুগল ওয়েব ডিজাইনার যারা ব্যাবহার করে তাদের আগে থেকেই এর অনেক সেটিং ও ফাংশন জানা থাকতে হয়।
তাহলে তোমার এইচটিএমএল এডিটর চালু করে তৈরি হয়ে যাও। এখনি একটি কোড লিখো,
|
এখন উপরের কোড ব্যাখ্যা করব,
<! It’s My First HTML Page >
|
কমেন্ট সেকশন
|
এখানে কমেন্ট লিখতে হয়, এটা মেইন পেজে দেখা যায় না।
| |||
<html>
|
এইচটিএমএল ট্যাগ
|
এই ট্যাগ সম্পূর্ণ কোড ধারন করে এবং এই ট্যাগ ছাড়া এইচটিএমএল অচল।
<html> এবং <body> ট্যাগের মাঝে পেজের আইকন, টাইটেল ধারন করে।
| |||
<head>…</head>
|
হেড সেকশন
|
টাইটেল,আইকন ইত্যাদি মৌলিক তথ্য ধারন করে।
| |||
<title>Mypage</title>
|
টাইটেল ট্যাগ
|
টাইটেল নির্ধারণ করে।
| |||
<body>
|
বডি সেকশন
|
এই ট্যাগ মূল পেজ ধারন করে যেটা ব্রাউজারের মধ্যে প্রদর্শিত হয়।
| |||
How are You?
|
বডি সেকশনের এলিমেনট
|
এলিমেনট, যেটা বর্তমানে এই পেজের একমাত্র এলিমেনট
| |||
</body>
|
Body এন্ড ট্যাগ
|
আগের <body> ট্যাগের এন্ড ট্যাগ
| |||
</html>
|
Html এন্ড ট্যাগ
|
আগের <html> ট্যাগের এন্ড ট্যাগ
এখানেই পেজ শেষ।
| |||
আচ্ছা,
ট্যাগ কি?
আমার মতে যে কোডগুলো এইচটিএমএলের বিভিন্ন কন্টেন্টকে একটি কাঙ্ক্ষিত রুপ প্রদান করে তাই ট্যাগ।একে বৈশিষ্ট্য ধারণকারীও বলা যায়।
আর,ট্যাগগুলোর আচরণ ও ধরন কিরুপ হবে,সেটা নির্ধারণ করে অ্যাট্রিবিউট।
প্রতিটি ট্যাগের জন্য আলাদা আলাদা অ্যাট্রিবিউট আছে।
এইচটিএমএল এবং ওয়েব ডিজাইন শেখা তেমন কঠিন কিছু না। তোমার খালি প্রয়োজন একটি কম্পিউটার, ইন্টারনেট সংযোগ সহ।
আগে বিভিন্ন ট্যাগ ও অ্যাট্রিবিউট আয়ত্তে আনার পর তুমি সিএসএসে শান দিতে পারবে, তারপর জেএস এবং অন্যান্য কিছু ।
একটি ওয়েবসাইটের ডিজাইন কিরুপ হবে তা ঠিক করে সিএসএস। CSS হল Cascading Style Sheets। নামেই বোঝা যাচ্ছে
এটা স্টাইল বিষয়ক কিছু করে। সিএসএস নিয়ে পরে আলোচনা করা যাবে। আপাতত আমরা ট্যাগ নিয়াএ আলোচনা করবো।
আজ এই পর্যন্তই, আল্লাহ হাফেজ।