این آموزش در تاریخ ۱۳۹۸/۰۹/۲۱ آپدیت شده است.
آموزش تگ samp در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ samp در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Samp در HTML
تگ samp که مخفف Sample می باشد ، تگی است که در دسته ی تگ های عبارتی یا Phrase می باشد ، و با استفاده از آن میتوان خروجی یک برنامه کامپیوتری را در یک صفحه وب قرار داد.
در جدول زیر میتوانید تمامی تگ های عبارتی را مشاهده نمایید :
| <code> | <strong> | <em> |
| <var> | <kbd> | <samp> |
Free-Learn
مثال از تگ samp در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 |
<body> <p>Salam Khobi? Man Sadegh Hastam.</p> <samp>Salam Khobi? Man Sadegh Hastam.</samp> <p>Salam Khobi? Man Sadegh Hastam.</p> </body> |
مثال شماره ۲ : سفارشی سازی تگ samp با استفاده از CSS
|
1 2 3 4 5 6 7 |
<style> samp{ background-color:#f2f2f2; color:red; padding:4px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ samp در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ samp از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
این تگ در حالت پیشفرض هیچ استایل یا شکل شمایلی ندارد ولی ما با استفاده از CSS به راحتی میتوانیم آن را سفارشی سازی نماییم. (همانند مثال شماره ۲)
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ samp را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
samp { font-family: monospace; } |
