HTML উদাহরণ
HTML বেসিক ট্যাগ ইনস্ট্যান্স
- একটি সহজ HTML ফাইল
- এই উদাহরণটি একটি অত্যন্ত সহজ HTML ফাইল হল, যা সম্ভবতই সবচেয়ে কম হটম্যার্কআপ ট্যাগ ব্যবহার করে। এটি আপনাকে দেখায় যে body ইলেমেন্টের কনটেন্ট কিভাবে ব্রাউজারে দেখায় হয়。
- সহজ প্যারাগ্রাফ
- এই উদাহরণটি এই বলে দেখায় যে প্যারাগ্রাফ ইলেমেন্টের লেখা কিভাবে ব্রাউজারে দেখায় হয়。
- আরও প্যারাগ্রাফ
- এই উদাহরণটি এই বলে দেখায় যে প্যারাগ্রাফ ইলেমেন্টের কিছু ডিফল্ট আচরণ কীভাবে হয়。
- “কবিতা” সমস্যা
- এই উদাহরণটি এই বলে দেখায় যে HTML ফরম্যাটিংএর কিছু সমস্যা কীভাবে হয়。
- ভাগ করা
- এই উদাহরণটি এই বলে দেখায় যে HTML ডকুমেন্টে কীভাবে ভাগ করা যায়。
- 标题
- 本例演示在 HTML 文档中显示标题的标签。
- 居中排列的标题
- 本例演示一个居中排列的标题。
- 水平线
- 本例演示如何插入水平线。
- 隐藏的注释
- 本例演示如何在 HTML 源代码中插入隐藏的注释。
- 背景颜色
- 本例演示如何为 HTML 页面添加背景颜色。
উদাহরণ ব্যাখ্যা
HTML ফ্রেম উদাহরণ
- ভার্টিক্যাল ফ্রেম
- এই উদাহরণটি প্রদর্শন করে: কিভাবে তিনটি ভিন্ন ডকুমেন্ট ব্যবহার করে একটি ভার্টিক্যাল ফ্রেম তৈরি করা যায়。
- হোরিজন্টাল ফ্রেম
- এই উদাহরণটি প্রদর্শন করে: কিভাবে তিনটি ভিন্ন ডকুমেন্ট ব্যবহার করে একটি হোরিজন্টাল ফ্রেম তৈরি করা যায়。
- কিভাবে <noframes> ট্যাগ ব্যবহার করা যায়
- এই উদাহরণটি প্রদর্শন করে: কিভাবে <noframes> ট্যাগ ব্যবহার করা যায়。
- মিশ্রিত ফ্রেম সংক্রান্ত কাঠামো
- এই উদাহরণটি প্রদর্শন করে যেভাবে তিনটি ডকুমেন্ট ধারণকারী ফ্রেম সংক্রান্ত কাঠামো তৈরি করা যায় এবং তাদেরকে পাশাপাশি এবং সারিতে মিশ্রিত করা যায়。
- noresize="noresize" প্রতিশব্দ ধারণকারী ফ্রেম সংক্রান্ত কাঠামো
- এই উদাহরণটি noresize প্রতিশব্দ প্রদর্শন করে। এই উদাহরণে, ফ্রেমটি মাপ পরিবর্তনযোগ্য নয়। ফ্রেমের মধ্যের সীমানায় মাউস খিসে নিয়ে আসুন এবং আপনি দেখবেন যে সীমানা সরণীয় নয়。
- নেভিগেশন ফ্রেম
- এই উদাহরণটি প্রদর্শন করে যেভাবে নেভিগেশন ফ্রেম তৈরি করা যায়। নেভিগেশন ফ্রেমটি একটি লিঙ্ক তালিকা ধারণ করে যা দ্বিতীয় ফ্রেমকে লক্ষ্য করে। "contents.htm" নামক ফাইলটিতে তিনটি লিঙ্ক রয়েছে。
- 内联框架
- ইনলাইন ফ্রেম (HTML পৃষ্ঠার ফ্রেম) কিভাবে তৈরি করা যায়
- ফ্রেমের নির্দিষ্ট সেকশনে জুড়ানো
- এই উদাহরণ দুটি ফ্রেম প্রদর্শন করে, যার মধ্যে একটি অন্যটি ফাইলের নির্দিষ্ট সেকশনে লিঙ্ক সেট করে। "link.htm" ফাইলের নির্দিষ্ট সেকশনটি <a name="C10"> দ্বারা চিহ্নিত করা হয়
- নির্দিষ্ট সেকশনে ফ্রেম নেভিগেশন
-
এই উদাহরণ দুটি ফ্রেম প্রদর্শন করে, ডানদিকের নেভিগেশন ফ্রেমটি একটি লিঙ্ক তালিকা ধারণ করে, যা দ্বিতীয়টি ফ্রেমকে লক্ষ্য করে। দ্বিতীয়টি ফ্রেমটি লিঙ্ককৃত ডকুমেন্টকে প্রদর্শন করে। নেভিগেশন ফ্রেমটির লিঙ্কগুলি লক্ষ্যকৃত ফাইলের নির্দিষ্ট সেকশনগুলিতে পৌঁছায়
উদাহরণ ব্যাখ্যা
HTML ফর্ম এবং ইনপুট ইনস্ট্যান্স
- 文本域(Text fields)
- 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
- 密码域
- 本例演示如何创建 HTML 的密码域。
- 复选框
- 本例演示如何在 HTML 页中创建复选框。用户可以选中或取消选取复选框。
- 单选按钮
- 本例演示如何在 HTML 中创建单选按钮。
- 简单的下拉列表
- 本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
- আরেকটি ড্রপডাউন লিস্ট
- একটি পূর্বনির্ধারিত বালা সহ একটি সাধারণ ড্রপডাউন লিস্ট তৈরি
- টেক্সট এরিয়া (Textarea)
- এই উদাহরণে দেখানো হয়েছে কিভাবে একটি টেক্সট এরিয়া (বহুমাত্রিক টেক্সট ইনপুট কন্ট্রোল) তৈরি করা যায়। ব্যবহারকারী টেক্সট এরিয়ায় লিখা যায়। টেক্সট এরিয়ায় লেখার মাত্রা সীমাবদ্ধ নয়
- বাটন তৈরি
- এই উদাহরণে দেখানো হয়েছে কিভাবে বাটন তৈরি করা যায়। বাটনের শব্দটি কাস্টমাইজ করা যায়
- ডাটা প্রতিরক্ষা করে ফিল্ডসেট
- এই উদাহরণে দেখানো হয়েছে কিভাবে ডাটা সার্ফেস প্রতিরক্ষা করে একটি শিরোনামসহ ফিল্ডসেট তৈরি করা যায়
ফর্ম উদাহরণ
- ইনপুট বক্স ও কনফর্ম বাটন সহ ফর্ম
- এই উদাহরণে দেখানো হয়েছে কিভাবে এইচটিএমএল পাতায় ফর্ম যোগ করা যায়। এই ফর্মটিতে দুটি ইনপুট বক্স ও একটি কনফর্ম বাটন রয়েছে
- চেক বক্স সহ ফর্ম
- এই ফর্মটিতে দুটি চেক বক্স ও একটি কনফর্ম বাটন রয়েছে
- রেডিও বক্স সহ ফর্ম
- এই ফর্মটিতে দুটি রেডিও বক্স ও একটি কনফর্ম বাটন রয়েছে
- ফর্ম থেকে ইমেল পাঠানো
- এই উদাহরণে দেখানো হয়েছে কিভাবে ফর্ম থেকে ইমেল পাঠানো যায়
উদাহরণ ব্যাখ্যা
এইচটিএমএল ছবি উদাহরণ
- ছবি যোগ করা
- এই উদাহরণে দেখানো হয়েছে কিভাবে ওয়েবপাতায় ছবি দেখানো যায়
- ভিন্ন স্থান থেকে ছবি যোগ করা
- এই উদাহরণে দেখানো হয়েছে কিভাবে অন্য ফল্ডার বা সার্ভারের ছবিকে ওয়েবপাতায় দেখানো যায়
- প্রবহন ছবি
- এই উদাহরণে দেখানো হয়েছে কিভাবে এইচটিএমএল পাতায় প্রবহন ছবিকে যোগ করা যায়
- ছবি সাজানো
- এই উদাহরণে দেখানো হয়েছে কিভাবে লেখায় ছবিকে যোগ্যভাবে সাজানো যায়
- ফ্লট ছবি
- এই উদাহরণে দেখানো হয়েছে কিভাবে ছবিকে প্রবহনের বাম বা ডান পাশে ফ্লট করা যায়
- ছবির মাপ পরিবর্তন
- এই উদাহরণে দেখানো হয়েছে কিভাবে ছবিকে ভিন্ন মাপে পরিবর্তন করা যায়
- ছবিতে প্রতিস্থাপন লেখা দেখানো
- এই উদাহরণে দেখানো হয়েছে কিভাবে ছবিতে প্রতিস্থাপন লেখা দেখানো যায়। ব্রাউজার ছবিকে লোড করতে পারলেও, প্রতিস্থাপন লেখাটি পাঠকদেরকে হারানো তথ্য বোঝায়। পাতায় ছবিকে প্রতিস্থাপন লেখা যোগানো একটি ভালো অভ্যাস
- ছবি লিঙ্ক তৈরি
- এই উদাহরণে দেখানো হয়েছে কিভাবে একটি ছবিকে লিঙ্ক হিসাবে ব্যবহার করা যায়
- ছবি ম্যাপ তৈরি
- এই উদাহরণে দেখানো হয়েছে কিভাবে একটি ছবিতে ক্লিক করা যায় এবং প্রত্যেকটি ক্ষেত্রকে একটি হাইপারলিঙ্ক হিসাবে ব্যবহার করা যায়
- ছবিকে ইমেজ ম্যাপে পরিবর্তন
- এই উদাহরণে দেখানো হয়েছে কিভাবে একটি সাধারণ ছবিকে ইমেজ ম্যাপ হিসাবে ব্যবহার করা যায়
উদাহরণ ব্যাখ্যা
HTML মেটা (মেটা) উদাহরণ
- ডকুমেন্ট বর্ণনা
- মেটা ইলেকট্রনেট তথ্যটি এইচটিএমএল ডকুমেন্টটি বর্ণনা করতে পারে。
- ডকুমেন্ট কীওয়ার্ড
- মেটা ইলেকট্রনেট তথ্যটি ডকুমেন্টের কীওয়ার্ডস বর্ণনা করতে পারে。
- রিডারেকশন
- এই উদাহরণ দেখায় যে, যখন ইউরির এড্রেস পরিবর্তিত হয়, ব্যবহারকারীকে আরেকটি এড্রেসে পাঠানো হয়。
উদাহরণ ব্যাখ্যা
