آموزش تگ samp در HTML

8 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ samp در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ samp در HTML به صورت کامل آشنا بشید.

تگ samp در HTML

تگ samp مخفف شده عبارت Sample می باشد ، این تگ در دسته ی تگ های عبارتی یا Phrase قرار دارد ، و در صورت استفاده از این تگ میتوانیم خروجی یک برنامه کامپیوتری را در یک صفحه وبسایت قرار دهیم.

منظور از خروجی برنامه کامپیوتری این است که این تگ برای مرورگرها و موتورهای جستجوگر نشان میدهند این متن یا محتوا، نتیجه خروجی یک برنامه یا نرم افزار کامپیوتری مثل فتوشاپ می باشد. تمام…

جدول زیر تمام تگ های عبارتی را نشان میدهد:

تمام تگ های عبارتی

چند مثال از تگ samp در HTML

در ادامه دوره آموزشی HTML CSS پروژه محور میخواهیم چند نمونه از این تگ ها را بررسی کنیم.

مثال اول : استفاده از تگ samp ( بدون هیچ استایل یا کد CSS اختصاصی )

مثلا در نمونه ی زیر نشان می دهد که یک نرم افزار را اجرا شده است و با خطا مواجه گردیده. بعد من آن متن خطا را داخل تگ samp به نمایش در می آورم.

<body dir="rtl"> 
    <p>سلام دوستان، من داشتم نرم افزار فتوشاپ رو اجرا میکردم که بهم خطا داد</p>
    <samp>Library Files Not Found</samp> 
</body>

مثال دوم : سفارشی سازی تگ samp با استفاده از وارد کردن کد CSS اختصاصی

samp{
     background-color:#123456;
     color:#fff;
     padding:10px;
     border-radius:20px;
}

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

پشتیبانی مرورگرها از تگ samp

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ samp در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…

پشتیبانی مرورگر هار از تگ table

پشتیبانی تگ samp از صفات و رویدادهای عمومی

تگ samp قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

دستوراتی که بصورت پیش فرض در CSS از آن استفاده میکنیم.

مرورگر های حال حاضر دنیا تگ samp را به صورت کد های css به شکل زیر نمایان میکنند که شما عزیزان می توانید بدون هیچ تغییر خاصی از این کد های آماده استفاده کنید.



samp {
    font-family: monospace;
}



 


 


برای امتیاز به این نوشته کلیک کنید!

                                   
                               [کل: 0  میانگین: 0]

							

			
			

            
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
           
			
			
                

                        

                            
فرم درخواست پشتیبانی (فرم زیر پست ها)

                            
                        

                        
 
 

        
  
            
            
            
            
            
            
            
            
            
        

                        

                        

                
                

			

			
			

									

						برچسب ها:
											

							


			                
		


	



                


					

		

							
					


		

							
					

	

	
				                    
					



	

		
دیدگاهتان را بنویسید