Tag Archive for html

এইচটিএমএল এর সকল ট্যাগের তালিকা (HTML all Tag lists and Syntax)

আসসালামু আলাইকুম । সবাই কেমন আছেন? আমি ভালো আছি ,আশা করি আপনারা ও ভালো আছেন । আজকের পাঠে HTML এর syntax ও HTML tags (এইচটিএমএল ট্যাগ) নিয়ে আলোচনা করবো । আপনাদের কাজ হচ্ছে ট্যাগ গুলো বুঝে-বুঝে মুখস্ত করা ,কথা না বাড়িয়ে কাজের কথায় আসি । HTML Syntax: HTML ট্যাগ হচ্ছে একটি এঙ্গেল ব্রাকেট দ্বারা আবৃত…

ফন্ট ট্যাগ : এইচ টি এম এল(পর্ব-৯)

HTML এর মাধ্যমে কোন ডকুমেন্টকে সুন্দরভাবে উপস্থাপন করার জন্য <font> বা ফন্ট ট্যাগ খুবই গুরুত্বপূর্ণ ভূমিকা পালন করে।<font size=”5″ face=”Tahoma” color=”red”> Bangladesh is a beautiful country.</font> এখানে size=”5″ অংশটি হল font ট্যাগের একটি এট্রিবিউট, যা প্রকাশ করছে ইলিমেন্ট অর্থাৎ Bangladesh is a beautiful country. লেখাটির সাইজ কেমন হবে। এছাড়া face=”Tahoma” প্রকাশ করছে লেখাটির font হবে…

টেক্সট ফরমেটিং : এইচ টি এম এল(পর্ব-৮)

টেক্সট ফরমেটিং Microsoft Word এ Bold, Italic, Underline, strikethrough, Subscript, Superscript ইত্যাদি টেক্সট ফরমেটিং এর জন্য ব্যবহৃত হয়। HTML এর ক্ষেত্রেও Microsoft Word এর মত টেক্সট ফরমেটিং এর বিশেষ গুরুত্ব রয়েছে। একটি ডকুমেন্টকে সুন্দরভাবে উপস্থাপন করতে টেক্সট ফরমেটিং বিষয়ে উপযুক্ত জ্ঞান থাকা দরকার। HTML এ টেক্সট ফরমেটিং এর জন্য <b>, <i>, <u>, <strike>, <sub>, <sup>,…

প্যারাগ্রাফ : এইচ টি এম এল(পর্ব-৭)

যে কোন ডকুমেন্ট এক বা একাধিক প্যারাগ্রাফের মাধ্যমে লেখা হয়। HTML এ প্যারাগ্রাফ তৈরির জন্য <p> বা প্যরাগ্রাফ ট্যাগ ব্যবহার করা হয়। যেমন <p>This is a paragraph.</p>। ব্রাউজারের মাধ্যমে প্রতিটা প্যারাগ্রাফ প্রদর্শন করা হলে প্রতিটা প্যারাগ্রাফের পর একটা করে লাইন ব্রেক তৈরি হয়। যদি কখনো প্যারাগ্রাফের মধ্যেই লাইন ব্রেকের প্রয়োজন হয় তাহলে লাইনের শেষে <br…

হেডিং ট্যাগ এবং এর ব্যবহার : এইচ টি এম এল(পর্ব-৬)

HTML এর মাধ্যমে কোন ডকুমেন্ট বা প্যারাগ্রাফের শিরোনাম লেখার জন্য হেডিং ট্যাগ ব্যবহার করা হয়। HTML এ মোট ছয় ধরণের হেডিং ট্যাগ রয়েছে এগুলো হল <h1> </h1> , <h2> </h2> , <h3> </h3> , <h4> </h4> , <h5> </h5> এবং <h6> </h6> । যদি বড় সাইজের অক্ষরে শিরোনাম লেখার প্রয়োজন হয় তাহলে <h1> </h1> ট্যাগের…

এইচ টি এম এল এট্রিবিউটস্ : এইচ টি এম এল(পর্ব-৫)

HTML এ এট্রিবিউটস ইলিমেন্ট এর আনুসাঙ্গিক তথ্য প্রকাশ করে । মূলত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য এট্রিবিউটস ব্যবহার করা হয়। যেমন <font size="5" face="Tahoma" color="red"> This is a paragraph.</font>  এখানে size="5"  অংশটি হল font ট্যাগের একটি এট্রিবিউট, যা প্রকাশ করছে ইলিমেন্ট অর্থাৎ This is a paragraph. লেখাটির সাইজ কেমন হবে। এছাড়া face="Tahoma"  প্রকাশ…

প্রোগ্রাম লেখার পদ্ধতি : এইচ টি এম এল-(পর্ব-৩)

যে কোন প্রোগ্রাম লেখার জন্যই কোন একটা এডিটর ব্যবহার করে কোডিং করতে হয়। HTML এ প্রোগ্রাম লেখার জন্য প্রাথমিকভাবে এডিটর হিসেবে উইন্ডোজ অপারেটিং সিস্টেমের ডিফল্ট এডিটর notepad ব্যবহার করা যেতে পারে এবং বাড়তি সুবিধা পাবার জন্য এডভান্স এডিটর হিসেবে Dreamweaver এবং Notepad++ ব্যবহার করা ভাল। HTML এ লেখা প্রোগ্রাম .html এক্সটেনশন যেমন index.html দ্বারা Save…

এইচ টি এম এল কি?: এইচ টি এম এল-(পর্ব-২)

HTML বা Hyper Text Mark Up Language তৈরি করেছেন টিম বার্নাস-লী। HTML তৈরির উদ্দেশ্য ছিল বৈজ্ঞানিক গবেষণার তথ্য উপাত্ত দ্রুত পৃথিবীর বিভ্ন্নি স্থানে আদান প্রদানের ব্যবস্থা করা। ১৯৯০ সালের দিকে NCSA কর্তৃক ডেভলপকৃত মোজাইক ব্রাউজারের মাধ্যমে HTML পরিচিতি লাভ করে। ১৯৯৭ এর জানুয়ারীতে WC3 কর্তৃক প্রথম ডেভলপকৃত HTML3.2 প্রকাশিত হয়। একই বছরে শেষে ডিসেম্বরে WC3…

এইচ টি এম এল কি?-এইচ টি এম এল(পর্ব-১)

HTML একটা কম্পিউটার ল্যাঙ্গুয়েজ, যা পৃথিবীর বিশাল তথ্য-ভান্ডারকে ইন্টারনেটের মাধ্যমে প্রদর্শনের সুযোগ তৈরি করে দিয়েছে। একটা ওয়েব পেজের মূল গঠন তৈরি হয় HTML দিয়ে। HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়, একে Hyper Text Mark Up Language বলা হয়। Mark Up Language এক সেট Mark Up ট্যাগের সমন্বয়ে গঠিত হয়। একটা ওয়েব পেজের বিভিন্ন অংশ ব্রাউজারের মাধ্যমে…

নেভিগেশন বার তৈরি করুন খুব সহজেই

আপনি যদি একজন ভালো ওয়েব ডিজাইনার হতে চান তাহলে আপনাকে ভালো গ্রাফিক্স ডিজাইন জানার পাশাপাশি HTML, CSS, Javascript এবং jquery জানতে হবে। একটা ভালো ডিজাইনের টেমপ্লেট তৈরির ক্ষেত্রে নেভিগেশনের ফাংশন এবং এর ডিজাইন খুবই গুরুত্ব সহকারে বিবেচনা করতে হয়। যে কেউ সমান্য চেষ্টা করলেই খুব সহজেই HTML, CSS শিখতে পারেন, আর একটু সময় নিয়ে Javascript…

টিউটোহোস্ট নিয়ে এল এইচ টি এম এল এর উপর বাংলা টিউটোরিয়াল

মানসম্পন্ন ও দ্রুতগতির হোস্টিং সেবার পাশাপাশি সকল শ্রেণীর মানুষের জন্য সর্বোত্তম এবং সার্বক্ষণিক সেবা প্রদানের প্রত্যায় নিয়ে যাত্রা শুরু করেছে টিউটোহোস্ট । আপনার নিজের ওয়েব সাইট তৈরির জন্য এখন আর কোন ওয়েব ডেভলপারের কাছে যাওয়ার প্রয়োজন নেই। টিউটোহোস্ট মানসম্পন্ন ও দ্রুতগতির হোস্টিং সার্ভিস প্রদানের পাশাপাশি একজন সাধারণ মানুষ যেন, নিজের ওয়েব সাইট নিজে নিজেই তৈরি…

HTML কোডিং এর বেশ কিছু প্রয়োজনীয় ট্যাগের ব্যবহার

এখানে HTML এর বেশ কিছু ট্যাগের ব্যবহারপদ্ধতি আলোচনা করা হলো। বিশেষ করে সিএসএস ফাইল কলকরা, সার্চইঞ্জিনের মেটা ও হেড অংশের আরও কিছু ট্যাগের ব্যবহার দেখবো। ডকটাইপ এইচটিএমএল ফাইল ব্রাউজারে লোড হলে ডকটাইপ সহজেই ইন্টারপ্রেট করতে পারে। আর তাই ডকটাইপ দরকারী। <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> সিএসএস নিয়ে কাজ করা সিএসএস তিনভাবে প্রকাশ…

নিজের ওয়েব সাইটের আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে ২

আজ টিউটোরিয়াল বিডিতে CSS বিভাগের পোষ্ট গুলো ঘুরে দেখতে ছিলাম। এখানে অসীম ভাই একটা পোষ্টে আমার চোখ আটকে যায়। পোষ্ট’টা হল, “নিজের ওয়েব সাইটের আকর্ষণীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে” পোষ্টা আমার খুব ভালো লাগে। তাই এই টিউটোরিয়ালটা লিখতে বসলাম। আরও একটা ইচ্ছা আছে আমি শুধু কদিন ধরে ফটোশপ নিয়েই…

HTML ফর্ম জাভাস্ক্রিপ্ট ইভেন্ট

বেশ কিছু দিন HTML এর নিয়মিত টিউটরিয়াল লিখছিলাম। সেখানে সর্ব শেষ টিউটরিয়াল ছিল ফর্ম ডিজাইনের উপরে। ওয়েবে ফর্ম ডিজাইন করার পর সাধারনত: তাকে কাজ করার জন্য জাভাস্ক্রিপ্ট বা পিএইচপি ব্যবহার করতে হয়। ফর্মের টেক্সটবক্স,ইনপুট বক্স,বাটন,চেকবক্স ইত্যাদির ক্লিক ডাবলক্লিক, ফোকাস,লস্ট ফোকাস ইত্যাদি ইভেন্ট সম্পর্কে আজকের আলোচনা। ছোট জাভাস্ক্রিপ্ট দিয়ে কাজটি উদ্ধার করতে হবে,তা না হলে সম্পুর্ণ…

নিজের ওয়েব সাইটের আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করি শুধুমাত্র HTML আর CSS দিয়ে

আমি আগের একটি টিউটোরিয়ালে দেখিয়ে ছিলাম কিভাবে একটা আকর্ষনীয় নেভিগেশন বার তৈরি করা যায়। আজ আমরা কিভাবে শুধুমাত্র HTML আর CSS দিয়ে আকর্ষনীয় ড্রপ ডাউন মেনু তৈরি করা যায় দেখব। আমরা একটু দেখে নেই আসলে আমরা কি তৈরি করতে যাচ্ছি। প্রথম ধাপ: প্রথমে Desktop এ একটা Filder নিয়ে নাম দেই Dropdown । Dropdown Filder এর…