آموزش تگ i در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ i در HTML با من همراه باشید.
Free-Learn
در این جلسه میخوانیم
تگ i در HTML
تگ i تگی است که با استفاده از آن میتوان یک متن/کلمه را بصورت کج (ایتالیک) یا (Italic) ایجاد کرد.
برای مثال در این متن میخوام اسم خودمو که صادق هست درون همین تگ قرار بدم، همانطور که میبینید اسمم بصورت کج شده نمایش داده می شود.
پیشنهاد میکنم حتما آموزش کار با تگ های قالب بندی متن ها را در HTML مشاهده نمایید.
Free-Learn
مثال از تگ i در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ i در حالت عادی – بدون هیچ استایلی
|
1 2 3 4 5 |
<body> <p>Salam Khobi? Man <i>Sadegh</i> Hastam.</p> </body> |
مثال شماره ۲ : استفاده از تگ i با استایل (استفاده از دستورات CSS)
|
1 2 3 4 5 6 7 8 |
<style> i{ background-color:#f2f2f2; color:blue; padding:3px; border-bottom:2px solid #093877; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ i در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ i از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
با توجه به وجود تگ های قالب بندی متن در HTML همانند : تگ em ، تگ strong ، تگ mark و… سعی کنید همیشه از این تگ ها در مکان مناسب و در جهت مناسب استفاده نمایید ، چرا که استفاده الکی و بی جهت از این تگ ها میتواند به سئوی وبسایت شما ضرر برساند.
معمولا (بیشترین استفاده) از این تگ ( تگ i ) برای فراخوانی یا استفاده از فونت آیکون ها در یک صفحه وب می باشد ، همانند سایت Font Awesome که با استفاده از آن میتوان به راحتی از آیکون ها در صفحه وب استفاده نمود.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ i را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
i { font-style: italic; } |
