ওয়েব ডিজাইনিং এর ক্ষেত্রে বেসিক বলতে মূলত যে জিনিসটি সবার আগে জানা প্রয়োজন তা হল এইচটিএমএল। তাই, এইচটিএমএল এর অবদান ওয়েব ডিজাইনিং এ অসামান্য, একথা অস্বীকার করার উপায় নেই। আর এর প্রেক্ষিতেই আমার এ টিউটোরিয়াল HTML tuts

গতপর্বে আমরা দেখেছিলাম, কিভাবে এইচটিএমএল এর মাধ্যমে শিরোনাম, প্যরা বা লিঙ্ক সেট করতে হয়। আসুন আজ আরো কিছু ট্যাগের সাথে পরিচিত হই।

ইমেজ সেট করাঃ

এর জন্য <image> ট্যাগ ব্যবহার করা হয়।

<img src=”superman” width=”500″ height=”600″ />

এই ট্যাগের কোনো end tag নেই। তাই Opening tag এর শেষেই “/” চিহ্ন দিয়ে ট্যাগ শেষ করতে হয়।

এই ট্যাগের src এট্রিবিউটের ভ্যালু হিসেবে সোর্স ফাইলের নাম লেখা হয়েছে, অর্থাৎ যে ছবিটি আপনি পেইজে দেখাতে যাচ্ছেন। আর width আর height এর মান হিসেবে যথাক্রমে ছবিটি দৈর্ঘ ও প্রস্থের মান দেয়া হয়েছে, যে আকারে আপনি ছবিটি পেইজে দেখাতে চাচ্ছেন।

নেস্টেড এইচটিএমএল ইলিমেন্ট/nested html element:

যখন একটি HTML element এর মধ্যে আরেকটি html element থাকে তখন প্রথম html element টিকে nested html element বলা হয়। যেমন,

<body>

<p> hello all <p>

<body>

এখানে <body> ট্যাগের মধ্যে <p> ট্যাগ এলিমেন্ট আছে। তাই <body> নেস্টেড এইচটিএমএল ইলিমেন্ট।

এইচটিএমএল এ ট্যাগ শেষ না করলেও ব্রাউজারে পেইজ প্রদর্শনের ক্ষেত্রে কোনো এরর দেখাবেনা। তবুও ট্যাগ শেষ করা উচিত, কারণ কিছু কিছু ব্রাউজারে সমস্যা করলেও করতে পারে, তাছাড়া লেখার স্ট্যান্ডার্ড মেইনটেন করার জন্য সকল ট্যাগই শেষ করা উচিত(যাদের end tag আছে।)

ফাঁকা html element:

এ সকল এইচটিএমএল ইলিমেন্টের কোনো কন্টেন্ট নেই। যেমন, <br>। এটি লাইন শেষ করতে ব্যবহার করা হয়। যেহেতু এই ট্যাগের কোনো end tag নেই। তাই এই ট্যাগেই “/” চিহ্ন দিতে হয়। অর্থাৎ,<br/>

<html>

<body>

how r u <br/>

i m fine

</body>

</html>

ফলে ব্রাউজারে নিচের মত পাবেন।

Html এর ক্ষেত্রে আরেকটি কথা বলে রাখা ভালো। তা হল, এটি uppercase বা lowercase যেকোনোভাবেই লেখা যায়, তবে lowercase এ লেখাই ভালো।

বন্ধুরা আজ এ পর্যন্তই। সবাই ভালো থাকবেন।

comments

8 কমেন্টস

  1. আপনাকে ধন্যবাদ দিয়ে লজ্জা দেওয়াটা মনে হয় উচিত ।

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Time limit is exhausted. Please reload the CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.