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