আমরা বুঝতে পেরেছি লেখাপড়া শিখতে হলে যেমন বর্ণমালা শেখা প্রয়োজন তেমনি ওয়েব ডিজাইন শিখতে হলেও এইচ টি এম এল শেখা প্রয়োজন। এইচ টি এম এল শেখার আগে আমাদের জানা দরকার এইচ টি এম এল কী, এটি কিভাবে কাজ করে? তো শুরু করা যাক:
HTML কী:
সহজ কথায় বলতে গেলে এইচ টি এম এল হল ওয়েব ডিজাইন বর্ণনা করার ভাষা। অর্থাৎ ওয়েব সাইটটি কেমন দেখাবে, ডিজাইন করার সময় যে ভাষায় বর্ণনা করা হয় তাই এইচ টি এম এল (HTML)।
আর একটু বিশ্লেষণ করে দেখা যাক এইচ টি এম এল কী জিনিস।
* HTML এর পূর্ণাঙ্গ রুপ হল Hyper Text Markup Language.
* HTML একটি Markup Language অর্থাৎ চিহ্নিত করার ভাষা।
* Markup Language হল এক সেট Markup Tags.
* Tag ডকুমেন্টের আলোচ্য বিষয়গুলো বর্ণনা করে।
* ডকুমেন্টে Tag এবং লেখা (plain text) থাকে।
* HTML ডকুমেন্টসকে ওয়েব পেইজ ও বলা হয়ে থাকে।
<!DOCTYPE html>
<html>
<body>
<h1>আমার প্রথম হেডলাইন</h1>
<p>আমার প্রথম প্যরাগ্রাফ.</p>
</body>
</html>
<html>
<body>
<h1>আমার প্রথম হেডলাইন</h1>
<p>আমার প্রথম প্যরাগ্রাফ.</p>
</body>
</html>
* এখানে <!DOCTYPE html> দ্বারা ডকুমেন্টের ধরন বর্ণনা করা হয়েছে। ডকুমেন্টটি একটি এইচ টি এম এল ডকুমেন্ট এটা বোঝানোর জন্যে Doctype ঘোষনা করা হয়েছে।
* <html> এবং </html> এর মাঝের লেখাগুলো দ্বারা ওয়েব পেইজের বর্ণনা দেয়া হয়েছে।
* <body> এবং </body> এর মাঝের লেখাগুলো ওয়েব পেইজে প্রদর্শিত হবে।
* <h1> এবং </h1> এর মাঝের লেখাগুলো হেডলাইন হিসেবে সাইটে প্রদর্শিত হবে।
* <p> এবং </p> এর মাঝের লেখাগুলো প্যরাগ্রাফ আকারে সাইটে প্রদর্শিত হবে।
এটাই মোটামুটি একটি সহজ সরল সাইটের নমুনা যা এইচ টি এম এল দিয়ে তৈরী করা হয়েছে। উপরোক্ত কোডগুলো কপি করে নোটপ্যডে পেস্ট করে .html এক্সটেনশন দিয়ে সেভ করে ওপেন করলে ব্রাউজারে প্রদর্শিত হবে।
HTML এর বিস্তারিত জানতে গিয়ে আমরা Tag নামক একটি শব্দ লক্ষ্য করেছি। এখন আমরা জানবো Tag কী?
Tag কী:
এইচ টি এম এল মার্কআপ ট্যাগগুলোকে সাধারণত Tag বলা হয়ে থাকে। অর্থাৎ যে সংকেত গুলো দিয়ে ব্রাউজারে আমাদের কাঙ্খিত বস্তু প্রদর্শন করা হয় সেগুলোকে ওয়েব ডিজাইনের ভাষায় Tag বলা হয়।
* (<) লেস দেন এবং (>) এর মাঝে অবস্থিত কিছু সুনির্দিষ্ট শব্দবন্ধ হল এইচ টি এম এল ট্যাগ ।
* এইচ টি এম এল ট্যাগ সাধারণত জোড়ায় জোড়ায় হয়। যেমন <b> এবং </b>।
* প্রতিটি জোড়ার প্রথম Tag কে starting Tag এবং শেষেরটিকে Ending Tag বলে।
* End Tag দেখতে Start Tag এর মত। শুধু Start Tag এর আগে ব্যাকেটের মাঝে একটি ফরোয়ার্ড স্ল্যাশ দিলে হয়।
* Start Tag এবং End Tag কে Opening Tag এবং Closing tag ও বলা হয়।
<Start Tag> Content</End Tag>
এবার জানবো Elements কী।
Elements কী:
এইচ টি এম এল ট্যাগ এবং এলিমেন্টস সাধারণত একই জিনিস বর্ননা করতে ব্যবহৃত হয়। কিন্তু Start Tag এবং End Tag এর মধ্যে অবস্থিত সবকিছুকে Element বলা হয় এমনকি ট্যাগ গুলোকেও। যেমন:
<p>আমার প্রথম প্যরাগ্রাফ</p>
আজ এ পর্যন্তই। আগামী পোস্টে এইচ টি এম এল এডিটর নিয়ে আলোচনা করব।
পূর্ববর্তী পোস্ট পরবর্তী পোস্ট
HTML এর বিস্তারিত জানতে গিয়ে আমরা Tag নামক একটি শব্দ লক্ষ্য করেছি। এখন আমরা জানবো Tag কী?
Tag কী:
এইচ টি এম এল মার্কআপ ট্যাগগুলোকে সাধারণত Tag বলা হয়ে থাকে। অর্থাৎ যে সংকেত গুলো দিয়ে ব্রাউজারে আমাদের কাঙ্খিত বস্তু প্রদর্শন করা হয় সেগুলোকে ওয়েব ডিজাইনের ভাষায় Tag বলা হয়।
* (<) লেস দেন এবং (>) এর মাঝে অবস্থিত কিছু সুনির্দিষ্ট শব্দবন্ধ হল এইচ টি এম এল ট্যাগ ।
* এইচ টি এম এল ট্যাগ সাধারণত জোড়ায় জোড়ায় হয়। যেমন <b> এবং </b>।
* প্রতিটি জোড়ার প্রথম Tag কে starting Tag এবং শেষেরটিকে Ending Tag বলে।
* End Tag দেখতে Start Tag এর মত। শুধু Start Tag এর আগে ব্যাকেটের মাঝে একটি ফরোয়ার্ড স্ল্যাশ দিলে হয়।
* Start Tag এবং End Tag কে Opening Tag এবং Closing tag ও বলা হয়।
<Start Tag> Content</End Tag>
এবার জানবো Elements কী।
Elements কী:
এইচ টি এম এল ট্যাগ এবং এলিমেন্টস সাধারণত একই জিনিস বর্ননা করতে ব্যবহৃত হয়। কিন্তু Start Tag এবং End Tag এর মধ্যে অবস্থিত সবকিছুকে Element বলা হয় এমনকি ট্যাগ গুলোকেও। যেমন:
<p>আমার প্রথম প্যরাগ্রাফ</p>
আজ এ পর্যন্তই। আগামী পোস্টে এইচ টি এম এল এডিটর নিয়ে আলোচনা করব।
পূর্ববর্তী পোস্ট পরবর্তী পোস্ট
No comments:
Post a Comment