امروز درباره تگ i در html و تگ em در html خواهیم پرداخت و میگوییم چیست و چه کاربردی دارد. در ادامه آموزش html همراه میزفا باشید.
با یکی دیگر از جلسات آموزش طراحی سایت با HTML در خدمت شما عزیزان هستیم ، در جلسه گذشته به معرفی تگ های b و strong پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ i و تگ em در HTML که به منظور مورب کردن متن در HTML به کار می‌روند آشنا نماییم .
سرفصل‌های پست
معرفی تگ i و تگ em
با استفاده از تگ i و em در HTML می توانیم محتوای درون این تگ ها را به صورت مورب (Italic) نمایش دهیم.
به منظور درک بهتر کاربرد تگ <i> و تگ <em> در طراحی سایت به مثال‌های زیر توجه کنید در این مثال ها عبارت طراحی سایت به صورت مورب نشان داده می‌شود.
<p> آموزش <i> طراحی سایت </i> </p> <p> آموزش <em> طراحی سایت </em> </p>
تفاوت تگ i و تگ em
ممکن است که برای شما این سوال پیش بیاید که تگ i و em هر دو محتوای درون خود را به صورت مورب نمایش می‌شوند پس چه تفاوتی بین این دو تگ وجود دارد؟ در پاسخ به این سوال باید گفت که نام تگ em از کلمه لاتین (emphasize) به معنی “تاکید” گرفته شده و زمانی که بخواهیم بر روی یک محتوا تاکید کنیم از تگ em استفاده می‌کنیم، در غیر اینصورت بهتر است از تگ i استفاده شود.
نکات تکمیلی در مورد تگ i و تگ em
- تگ های i و em توسط تمامی مرورگرها پشتیبانی می‌شوند.
- به جای این تگ ها می‌توانید از CSS و font-style:italic; استفاده کنید، اما برای سئو بهتر است که از این تگ ها استفاده کنید.
پایانترم
[box type=”info” class=”question-from-users” width=””]سوال:
تفاوت تگ i و تگ p در HTML چیست؟
به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)
[/box]نتیجه گیری
خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در نظرات میزفا مطرح کنید.
