در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<i> آشنا ميشويم. اين تگ براي نمايش متن به صورت ايتاليک (خميده) استفاده ميشود و معمولاً
براي تاکيد بر اصطلاحات فني، لغات خارجي يا اصطلاحات خاص کاربرد دارد.
تگ i در HTML چيست؟
تگ <i> متن داخل خود را به صورت ايتاليک نمايش ميدهد. برخلاف <em> که
معناي تاکيد دارد، <i> بيشتر جنبهي ظاهري و استايل دارد و معناي تأکيدي به متن اضافه
نميکند.
مثال ساده از تگ i
<p>اين يک متن <i>ايتاليک</i> است.</p>
<p>نام علمي گياه <i>Rosa rubiginosa</i> است.</p>
در اين مثال، متن داخل تگ <i> به صورت خميده نمايش داده ميشود.
ويژگيهاي مهم تگ i
| ويژگي | توضيح |
|---|---|
| class | اعمال استايل CSS دلخواه به متن |
| id | شناسه يکتا براي ارجاع يا استايلدهي |
| style | اعمال استايل مستقيم CSS به متن |
مثال با استايل CSS
<style>
i {
font-style: italic;
color: #ff5722;
}
</style>
<p>اين متن <i>ايتاليک و نارنجي</i> است.</p>نکات مهم درباره i
- تگ
<i>بيشتر براي ظاهر متن استفاده ميشود و معناي تأکيد ندارد. - براي تاکيد معنايي متن بهتر است از
<em>استفاده شود. - ميتوان با CSS استايل متن را تغيير داد و جلوههاي بيشتري ايجاد کرد.
براي يادگيري کامل استايلدهي و مديريت متنها در صفحات وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ html در HTML
آموزش بعدي: تگ iframe در HTML
دیدگاه و پرسش