این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ mark در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ mark در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Mark در HTML
تگ mark
تگی است که با استفاده از آن میتوان یک محتوا را بصورت هایلایت شده ( ماژیک زرد یا ماژیک فسفری ) ایجاد و نمایش داد.
Free-Learn
مثال از تگ mark در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ mark در حالت عادی ( بدون استفاده از CSS )
1 2 3 4 5 |
<body> Salam Khobi? Man <mark>Sadegh</mark> Hastam. </body> |
مثال شماره ۲ : استایل دادن به تگ mark با استفاده از CSS
1 2 3 4 5 6 7 8 9 10 11 |
<style> mark{ background-color:#123456; color:#fff; font-size:14px; font-style:italic; padding:3px 10px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ mark
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ mark
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ mark
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
1 2 3 4 |
mark { background-color: yellow; color: black; } |