این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ samp در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ samp در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Samp در HTML
تگ samp که مخفف Sample می باشد ، تگی است که در دسته ی تگ های عبارتی یا Phrase می باشد ، و با استفاده از آن میتوان خروجی یک برنامه کامپیوتری را در یک صفحه وب قرار داد.
خب یعنی چی خروجی یک برنامه کامپیوتری!؟ خب ببینید سادس، صرفا و فقط کاربر این تگ برای مرورگرها و موتورهای جستجوگر می باشد، داره میگه که این متن / محتوا نتیجه خروجی یک برنامه ( نرم افزار ) کامپیوتری می باشد. تموم شد رفت
در جدول زیر میتوانید تمامی تگ های عبارتی را مشاهده نمایید :
| <code> | <strong> | <em> |
| <var> | <kbd> | <samp> |
Free-Learn
مثال از تگ samp در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ samp ( بدون استایل )
مثلا در مثال زیر دارم میگم که من فلان نرم افزار رو اجرا کردم ولی بهم خطا داد، بعد من اومدم اون متن خطارو داخل تگ samp به نمایش درآوردم. همین تموم شد رفت
|
1 2 3 4 5 6 |
<body dir="rtl"> <p>سلام دوستان ، من داشتم نرم افزار فلان رو اجرا میکردم که بهم خطا داد، متن خطا پیغام زیر می باشد</p> <samp>Library Files Not Found</samp> </body> |
مثال شماره ۲ : سفارشی سازی تگ samp با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 10 |
<style> samp{ background-color:#123456; color:#fff; padding:10px; border-radius:20px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ samp در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ samp از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ samp را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
samp { font-family: monospace; } |
