مثال‌های HTML
مثال برچسب‌های پایه HTML
- یک فایل HTML ساده
- این مثال یک فایل HTML بسیار ساده است که از کمترین برچسب‌های HTML استفاده می‌کند. این به شما نشان می‌دهد که محتوای عنصر body چگونه توسط مرورگر نمایش داده می‌شود.
- پاراگراف ساده
- این مثال نمایش‌دهنده این است که چگونه متون در عنصر پاراگراف توسط مرورگر نمایش داده می‌شوند.
- پاراگراف‌های بیشتر
- این مثال رفتارهای پیش‌فرض عنصر پاراگراف را نمایش‌دهنده است.
- مشکل "شعر"
- این مثال مشکلات برخی از فرمتهای HTML را نمایش‌دهنده است.
- خمیدگی
- این مثال نمایش‌دهنده استفاده از خمیدگی در مستند HTML است.
- عنوان
- این مثال نشان می‌دهد که چگونه از تگ‌های عنوان در مستند HTML استفاده می‌شود.
- عنوان مرتبط
- این مثال نشان می‌دهد که چگونه یک عنوان مرتبط را نمایش می‌دهیم.
- خط افقی
- این مثال نشان می‌دهد که چگونه خط افقی را وارد می‌کنیم.
- یادداشت‌های مخفی
- این مثال نشان می‌دهد که چگونه یادداشت‌های مخفی را در کد منبع HTML قرار می‌دهیم.
- رنگ پس‌زمینه
- این مثال نشان می‌دهد که چگونه رنگ پس‌زمینه را به صفحه HTML اضافه می‌کنیم.
توضیح مثال
مثال فرمت نصب HTML
- فرمت نصب
- این مثال نشان می‌دهد که چگونه در یک فایل HTML نصب متن را فرمت کنیم.
- نصب پیش‌فرض
- این مثال نشان می‌دهد که چگونه از تگ pre برای کنترل سطر خالی و فاصله استفاده می‌شود.
- تگ‌های "خروجی کامپیوتری"
- این مثال نشان می‌دهد که چگونه تگ‌های مختلف "خروجی کامپیوتری" نمایش داده می‌شوند.
- آدرس
- این مثال نشان می‌دهد که چگونه آدرس در فایل HTML نوشته می‌شود.
- کوتاه‌نویسی و اختصاری
- این مثال نشان می‌دهد که چگونه از کوتاه‌نویسی و اختصاری استفاده می‌شود.
- مسیر نوشتن
- این مثال نشان می‌دهد که چگونه مسیر نوشتن را تغییر می‌دهیم.
- نقل قول بلند
- این مثال نشان می‌دهد که چگونه از نقل قول‌های طولانی و کوتاه استفاده می‌شود.
- تأثیر حذف متن و اضافه کردن متن
- این مثال نشان می‌دهد که چگونه از متن حذف شده و متن اضافه شده استفاده می‌شود.
توضیح مثال
مثال HTML چارچوب
- چارچوب عمودی
- این مثال نشان می‌دهد که چگونه از سه مستند مختلف برای ایجاد یک چارچوب عمودی استفاده می‌شود.
- چارچوب افقی
- این مثال نشان می‌دهد که چگونه از سه مستند مختلف برای ایجاد یک چارچوب افقی استفاده می‌شود.
- چگونه از تگ <noframes> استفاده می‌شود
- این مثال نشان می‌دهد که چگونه از تگ <noframes> استفاده می‌شود.
- ساختار چارچوب ترکیبی
- این مثال نشان می‌دهد که چگونه یک ساختار چارچوب با سه مستند ایجاد می‌شود و آن‌ها را به صورت ترکیبی در ردیف و ستون قرار می‌دهند.
- ساختار چارچوب دارای ویژگی noresize="noresize"
- این مثال نشان می‌دهد که چگونه ویژگی noresize را به کار می‌بریم. در این مثال، چارچوب قابل تغییر اندازه نیست. هنگامی که موس را روی لبه‌های چارچوب بین می‌کشید، متوجه خواهید شد که لبه‌ها قابل جابجایی نیستند.
- چارچوب ناوبری
- این مثال نشان می‌دهد که چگونه یک چارچوب ناوبری ایجاد می‌شود. چارچوب ناوبری شامل لیستی از لینک‌هایی است که هدف آن‌ها دومین چارچوب است. فایل به نام "contents.htm" شامل سه لینک است.
- فریم درون‌خطی
- این مثال نشان می‌دهد که چگونه می‌توان فریم‌های درون‌خطی (فریم‌های داخل صفحه HTML) ایجاد کرد.
- جابجایی به بخش مشخص شده در فریم
- این مثال دو فریم را نمایش می‌دهد. یکی از این فریم‌ها لینک‌هایی را به بخش‌های مشخص شده در یک فایل دیگر اشاره دارد. بخش‌های مشخص شده در فایل "link.htm" با استفاده از <a name="C10"> شناسایی می‌شوند.
- جابجایی به بخش مشخص شده در فریم با استفاده از ناوبری فریم
-
این مثال دو فریم را نمایش می‌دهد. فریم سمت چپ شامل یک لیست از لینک‌ها است که به فریم دوم به عنوان هدف اشاره دارند. فریم دوم مستندات مرتبط را نمایش می‌دهد. لینک‌های فریم ناوبری به بخش‌های مشخص شده در فایل هدف اشاره دارند.
توضیح مثال
فرم‌های HTML و مثال‌های ورودی
- قلمرو متن (قلمرو‌های متن)
- این مثال نشان می‌دهد که چگونه یک قلمرو متن در صفحه HTML ایجاد می‌شود. کاربر می‌تواند در قلمرو متن نوشته کند.
- قلمرو رمز عبور
- این مثال نشان می‌دهد که چگونه یک قلمرو رمز عبور در HTML ایجاد می‌شود.
- چک‌بک‌ها
- این مثال نشان می‌دهد که چگونه چک‌بک‌ها در صفحه HTML ایجاد می‌شود. کاربر می‌تواند چک‌بک‌ها را انتخاب یا دeselect کند.
- دکمه‌های رادیویی
- این مثال نشان می‌دهد که چگونه دکمه‌های رادیویی در HTML ایجاد می‌شود.
- لیست پایین ساده
- این مثال نشان می‌دهد که چگونه یک لیست پایین ساده در صفحه HTML ایجاد می‌کنیم. لیست پایین یک لیست انتخابی است.
- لیست پایین دیگری
- این مثال نشان می‌دهد که چگونه یک لیست پایین ساده با پیش‌انتخاب ایجاد می‌کنیم. (توضیح مترجم: پیش‌انتخاب به معنای انتخاب پیش‌فرض است.)
- قلمرو متن (Textarea)
- این مثال نشان می‌دهد که چگونه یک قلمرو متن (کنترل ورودی چند خطی) ایجاد می‌کنیم. کاربر می‌تواند در قلمرو متن نوشته کند. در قلمرو متن، تعداد کاراکترهای قابل نوشتن محدود نیست.
- ایجاد دکمه
- این مثال نشان می‌دهد که چگونه دکمه ایجاد می‌کنیم. شما می‌توانید متن روی دکمه را شخصی‌سازی کنید.
- قاب اطراف داده‌ها
- این مثال نشان می‌دهد که چگونه یک قاب با عنوان در اطراف داده‌ها ایجاد می‌شود.
مثال فرم
- فرم با فیلد ورودی و دکمه تأیید
- این مثال نشان می‌دهد که چگونه فرم به صفحه اضافه می‌شود. این فرم شامل دو فیلد ورودی و یک دکمه تأیید است.
- فرم با گزینه‌های چک‌بک
- این فرم شامل دو گزینه چک‌بک و یک دکمه تأیید است.
- فرم با گزینه‌های رادیویی
- این فرم شامل دو گزینه رادیویی و یک دکمه تأیید است.
- ارسال ایمیل از فرم
- این مثال نشان می‌دهد که چگونه ایمیل از طریق فرم ارسال می‌شود.
توضیح مثال
مثال HTML تصویر
- درج تصویر
- این مثال نشان می‌دهد که چگونه تصویر را در صفحه وب نمایش می‌دهیم.
- درج تصویر از مکان‌های مختلف
- این مثال نشان می‌دهد که چگونه تصاویر از فایل‌های مختلف یا سرورهای دیگر را در صفحه وب نمایش می‌دهیم.
- تصویر پس‌زمینه
- این مثال نشان می‌دهد که چگونه تصویر را به عنوان پس‌زمینه به صفحه اضافه می‌کنیم.
- ترتیب تصویر
- این مثال نشان می‌دهد که چگونه تصویر را در میان متن قرار می‌دهیم.
- تصویر شناور
- این مثال نشان می‌دهد که چگونه تصویر را به سمت چپ یا راست یک پاراگراف می浮动 کنیم.
- تغییر اندازه تصویر
- این مثال نشان می‌دهد که چگونه اندازه تصویر را تغییر می‌دهیم.
- نمایش متن جایگزین برای تصویر
- این مثال نشان می‌دهد که چگونه متن جایگزین برای نمایش تصویر ایجاد می‌کنیم. در صورت عدم بارگذاری تصویر توسط مرورگر، متن جایگزین به خوانندگان اطلاعاتی از دست رفته را می‌دهد. عادت به افزودن ویژگی متن جایگزین به تصاویر صفحه، یک عادت خوب است.
- ساخت لینک تصویری
- این مثال نشان می‌دهد که چگونه تصویر را به عنوان یک لینک استفاده می‌کنیم.
- ایجاد نقشه تصویری
- این مثال نشان می‌دهد که چگونه یک نقشه تصویری با مناطق قابل کلیک ایجاد می‌کنیم. هر منطقه یک لینک است.
- تبدیل تصویر به نقشه تصویری
- این مثال نشان می‌دهد که چگونه یک تصویر معمولی را به عنوان نقشه تصویری تنظیم می‌کنیم.
توضیح مثال
مثال استایل HTML (style)
- استایل‌های HTML
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از اطلاعات استایل اضافه شده به بخش <head>، HTML را فرمت داد.
- لینک بدون خط زیرین
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از ویژگی استایل، یک لینک بدون خط زیرین ایجاد کرد.
- پیوند به یک فایل استایل خارجی
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از برچسب <link> به یک فایل استایل خارجی پیوند داد.
توضیح مثال
مثال سربرگ HTML (head)
- عنوان مستند
- اطلاعات عنوان موجود در سربرگ داخلی در پنجره مرورگر نمایش داده نمی‌شود.
- یک target، تمام لینک‌ها
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از برچسب base، تمام برچسب‌های موجود در صفحه در یک پنجره جدید باز شوند.
توضیح مثال
مثال HTML اطلاعاتی (meta)
- توضیح مستند
- اطلاعات موجود در عنصر Meta می‌تواند مستند HTML را توصیف کند.
- کلمات کلیدی مستند
- اطلاعات موجود در عنصر Meta می‌تواند کلمات کلیدی مستند را توصیف کند.
- هدایت مجدد
- این مثال نشان می‌دهد که چگونه در صورت تغییر آدرس وب‌سایت، کاربر را به آدرس دیگری هدایت می‌کند.
توضیح مثال
