آموزش تگ code در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ code در HTML با من همراه باشید.

آموزش تگ code در HTML

Free-Learn

تگ Code در HTML

تگ code تگی است که ما با استفاده از آن میتوانیم یک تکه کد (معمولا کدهای کامپیوتری) را درون یک صفحه ی وب تعریف نماییم.

برای مثال در همین سطر، بنده کلمه Salam Khobi را درون تگ Code قرار داده ام، در حالت عادی این تگ شکل شمایل خاصی ندارد ولی ما با استفاده از CSS میتونیم به دلخواه به این تگ استایل بدهیم. (نمونه در مثال های زیر)

سوال از طرف کاربر محترم سایت، آقای صمد صفرپور :

فرق بین تگ code و تگ kbd و تگ samp در چیست ھر سه در خروجی به یک شکل دیده می شود از لحاظ معنایی چه فرقی با ھم دارند؟

پاسخ : بله از نظر ظاھری شبیه به ھمدیگر می باشند ولی در معنا برای مرورگرھا و موتورھای جستجوگر ( مثله گوگل ) کاملا فرق میکنند.

ادامه پاسخ : تگ code اسمش روشه دیگه، یعنی اگه من بخوام تکه کدی چیزی بزارم تو صفحه وب میتونم از این تگ استفاده کنم مهم اینه که مرورگرھا میتونن درک کنن که مثلا شما محتواتون رو درون چه تگی گذاشتید.

ادامه پاسخ : تگ kbd هم یعنی گذاشتن دکمه های صفحه کلید در صفحه می باشد، مثلا من میخوام به کاربر سایتم بگم دکمه F2 رو فشار بده خب اون کلمه F2 رو داخل تگ kbd قرار می دھم.

ادامه پاسخ : تگ samp هم با استفاده از آن میتونم خروجی یک برنامه کامپیوتری رو در یک صفحه وب به نمایش درآورم.

Free-Learn

مثال از تگ code در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

مثال شماره ۲ : سفارشی سازی شده با استفاده از CSS

امتحان کنید

مثال شماره ۳ : استایل دادن به تگ Code با استفاده از کلاس در CSS

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ code در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ code از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

تگ code در حالت پیش فرض هیچ استایل و ظاهری ندارد، به همین خاطر بهتر است با استفاده از CSS به این تگ استایل بدهید. (همانند مثال شماره ۲و۳)

پیشنهاد میکنم آموزش کار با تگ های قالب بندی متن ها در HTML را از اینجا مشاهده نمایید.

در HTML تعدادی تگ عبارتی یا (Phrase) داریم که این تگ ها موارد زیر می باشند : (تگ code که در این بخش باهاش آشنا شدید نیز جز همین تگ های عبارتی می باشد)

<code> <strong> <em>
<var> <kbd> <samp>

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ code را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn

دریافت PDF یا پرینت این مطلب