এইচটিএমএল

audio ট্যাগের মত video নামে একটা ট্যাগ আছে এইচটিএমএল ৫ এ। এটা ভিডিও ওয়েব পেজে প্রদর্শনের জন্য। কোন প্লাগিন লাগেনা খুব সহজ। <img ট্যাগ দিয়ে ছবি দেখানোর মত। তবে audio ট্যাগের মতই video ট্যাগও ইন্টারনেট এক্সপ্লোরারে (IE 9 এর নিচে) সাপোর্ট করেনা। এক লাইন কোড লিখেই ভিডিও পেজে দেখাতে পারেন যেমন <video src="/media/can_you_say_apple.mp4" controls></video> অনলাইন এডিটরে দিয়ে দেখুন, ভিডিও চলে ... Read More »

এইচটিএমএল ৫ এ অডিও ভিডিও প্রদর্শনের জন্য নতুন কিছু ট্যাগ এসেছে ফলে ব্রাউজারে অডিও ভিডিও চালানো এখন খুব সহজ। আগে embed নামের একটি ট্যাগ দিয়ে এই কাজগুলি চালানো হত তবে অনেক সমস্যা ছিল। যেমন embed ট্যাগ কাজ করার জন্য প্লাগিন ইনস্টল থাকতে হত (ব্রাউজারে)। এদের মধ্যে খুব পরিচিত একটি প্লাগিন হচ্ছে ফ্লাশ প্লেয়ার এছাড়া কুইক টাইম, ভিএলসি (VLC), Windows Media ... Read More »

আপনার এইচটিএমএল ডকুমেন্টের কোন অংশ চাইলে কমেন্ট করে রাখতে পারে তাহলে এই অংশটুকু আর ব্রাউজারে দেখাবেনা। অন্য কোন ডেভেলপার বা আপনিই যদি অনেক পরে সেই ডকুমেন্ট দেখেন তখন বুঝতে সুবিধা হয় কোন কোড কিসের জন্য লিখেছিলেন। তাই কোড কমেন্ট করা ভাল প্রাকটিস তবে করা জরুরী নয়। start tag <!– এবং end tag  –> এর মাঝে থাকা সব কমেন্ট হেয় থাকে। ... Read More »

এইচটিএমএল লেআউট হল খুব মৌলিক বিষয়। টেবিলের ভিতর টেবিল স্থাপন করে এইচটিএমএল লেআউট তৈরী করা হয়। ** বর্তমানে লেআউট ডিভ (div এলিমেন্ট) ব্যবহার করে বানানো হয়। টেবিল দিয়ে কখনই লেআউট বানাবেন না। টিউটোরিয়ালটি দেয়া আছে তাই মোছা হলনা। টেবিল দিয়েও যে লেআউট বানানো যায় এবং আগে সব লেআউট এভাবেই বানানো হত এটা জানার জন্যই শুধু টিউটোরিয়ালটি। <table bgcolor="black" border="1" heigh="200" width="300"> ... Read More »

এইচটিএমএল ফ্রেম দিয়ে একটা ওয়েব পেজকে দুই বা ততোধিক ভাগে ভাগ করা যায়। ডিভের ব্যাপারটা চিন্তা করুন, প্রতিটি ডিভে যেমন আলাদা আলাদা কনটেন্ট দেয়া যায় তেমনি  প্রত্যেকটি ফ্রেমে আলাদা আলাদা পেজ লোড করানো যায়। ধরুন আপনার একটি পেজে ৩টি ফ্রেম আছে, আপনি চাইলে যেকোন একটিকে রিলোড করাতে পারেন (পুরো পেজ লোড করানো ছাড়াই)। একটা পেজে কয়েকটি ফ্রেম থাকলে সেটাকে বলে ফ্রেমসেট। <frameset></frameset> ... Read More »

ব্যাকগ্রাউন্ড এট্রিবিউট এর সাহায্যে এইচটিএমএল টেবিলে ইমেজকে ব্যাকগ্রাউন্ড ইমেজ হিসাবে দেখানো যায়। <table height="50" width="100" background="http://www.careersourcebd.com/images/stories/imagel.jpg" > <tr><td>This table has a background  image</td></tr> </table>   এইচটিএমএল ব্যাকগ্রাউন্ড রিপিট: উপরের উদাহরনে দেখা গিয়েছে যে টেবিল এর আকার ছবির আকারের সমান বলে কোন সমস্যা হয় নি । যদি টেবিল এর আকার ছবির আকারের চেয়ে বড় হয় তবে ব্যাকগ্রাউন্ড ছবি রিপিট হবে। <table ... Read More »

এইচটিএমএল এ যেকোন এলিমেন্ট এর রং সেট করার তিনটি পদ্ধতি আছে। ১. রংয়ের নাম দিয়ে, ২. রংয়ের RGB মান দিয়ে এবং ৩. রংয়ের হেক্সাডেসিমাল মান দিয়ে ১. রংয়ের নাম দিয়ে আপনি সরাসরি রংয়ের নাম ব্যবহার করে একটা এইচটিএমএল এলিমেন্টে রং দিতে পারেন। সাধারন কিছু কালার যেমন black, white, red ইত্যাদি। এইচটিএমএল এ কালার value লেখার সময় সরাসরি এদের নাম লেখা হয়। ... Read More »

বিভিন্ন ওয়েব সাইটে টেবিল ভিত্তিক ডেটা দেখেছেন নিশ্চয়ই। বিশেষ করে খেলাধুলার সাইটের খেলোয়ারদের স্কোর, প্রোফাইল, সময়সূচি, শেয়ার বাজারের হিসাব ইত্যাদি কাজে টেবিল লাগে। টেবিলভিত্তিক ডেটা দেখানোর জন্য এইচটিএমএল এর বেশকিছু ট্যাগ আছে যেগুলি দিয়ে নানন ধরনের টেবিল তৈরী করা যায়। একটা টেবিল তৈরীতে প্রাথমিকভাবে ৩টি ট্যাগ লাগে ১. <table></table> ২. <tr></tr> (tr তে table row) ৩. <td></td> (td তে table ... Read More »

<img /> ট্যাগ ব্যবহার করে ওয়েব পেজে যেকোন ছবি প্রদর্শন করতে পারবেন। যেমন 1.<img src="/sunset.gif" alt="Sunset" /> প্রদর্শন এখানে src এবং alt হচ্ছে img ট্যাগের দুটি এট্রিবিউট। src দিয়ে ছবিটির অবস্থান দেখিয়ে দিতে হবে এবং alt এর মধ্যে ছবিটির কোন বর্ননা দিতে পারবেন। ছবি লোড হতে দেরি হলে ততক্ষন alt এর ভিতর লেখাটি দেখায়। src এর ভিতর ছবিটির উৎস দুভাবে ... Read More »

এইচটিএমএল এ কিছু বিশেষ ক্যারেক্টার আছে যেগুলি ডকুমেন্টে ব্যবহার করলে সমস্যা হয়। যেমন less than, greater than চিহ্ন ইত্যাদি। কেননা এগুলি ব্রাউজারকে বিশেষ ইঙ্গত দেয় যার ফলে এটা প্রদর্শন করার পরিবর্তে ঐ নির্দেশনা/ইঙ্গিত অনুসারে কাজ করে।এখন যদি এই ধরনের কোন চিহ্ন আপনি ওয়েব পেজে দেখাতে চান তাহলে এইচটিএমএল এনটাইটি ব্যবহার করে দেখাতে পারবেন। এছাড়াও বিভিন্ন চিহ্ন যেমন কপিরাইট, ট্রেডমার্ক ইত্যাদি ... Read More »