امروز درباره تگ 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 می‌پردازیم. درصورتی که سوالی داشتید حتما در نظرات میزفا مطرح کنید.
12 پاسخ
تگ p برای تعریف یک پاراگراف هست اما تگ i برای ایتالیک کردن یک عبارت یا کلمه یا جمله استفاده میشه و جزو تگ های بلاکی هم نیست ! برخلاف p که هست
سلام فرهان، خیلی خوب نوشتی آفرین که انقدر کامل در مورد تگ ها مطالعه می‌کنی.
به زودی جایزه‌ات را برات در میزفا آکادمی شارژ می‌کنیم.
سلام
تگ p برای نمایش متن به صورت عادی است
و تگ i برای نمایش متن به صورت ایتالیک و مورب است
سلام محمد ممنونم، درست نوشتی.
تگ i بصورت مورب نوشته میشود
تگ p هم متن عادی هستش
سلام دقیقا علی اکبر، آفرین. ممنون و جایزه‌ات را شارژ می‌کنیم.
پاسخ سوال :
تگ i برای مورب نویسی استفاده میشه
تگ p هم متن بصورت معمولی نوشته میشه
سلام محمد عزیز، درست نوشتی، هدیه‌ات را در میزفا آکادمی دریافت می‌کنی.
پاسخ سوال :
زمانیکه بخواهیم برروی محتوا تاکید کنیم از em استفاده می کنیم در غیر اینصورت از i استفاده می کنیم.
سلام محمد، مرسی از پاسخت و توضیحاتت درسته ولی سوال ما چیز دیگه‌ای بود. تفاوت بین تگ i و تگ p توی چیه؟
سلام
من دانشجوی کامپیوتر هستم و می خوام در زمینه ی وب تمرین حل کنم . سوالم: می خوام متن
This is a title
رو توی صفحه مرور گر نمایش بدم از css هم استفاده کردم فقط نمی دونم فاصله ی متن ها از صفحه رو چجوری تنظیم کنم وقتی متن رو جابجا می کنم علامت های همراه متن جابجا نمیشن …
لطفا یه راهنمایی برای این تمرین بکنید .
با تشکر از سایت خوبتون …
سلام رقیه ، مقالات مربوط به فصل کادر ها در CSS که نوید نوشته رو خوندی مطالعه کردی ؟ با استفاده از margin میتونی فاصله رو ایجاد کنی.