آموزش تگ code در HTML

20 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ code در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ code در HTML به صورت کامل آشنا بشید.

تگ code در HTML

از نام تگ code کاملا معلوم است که راجع به چخ چیزی است. کابرد این تگ این است که با استفاده از آن میتوانیم یک تکه کد مثلا کد زبان HTML یا CSS و… را داخل یک صفحه ی وب تعریف کنیم.

به عنوان مثال عبارت milad alizadeh را داخل تگ Code قرار داده ایم. بصورت پیش فرض این تگ شکل و استایل خاصی ندارد. اما ما با استفاده از کد های CSS میتوانیم استایل دلخواه خود را به آن بدهیم.

دو مثال برای تگ code در HTML

در ادامه دوره آموزشی html css پروژه محور به دو تا از مثال های این تگ میپردازیم که درک بهتری از این تگ داشته باشید.

مثال اول : استفاده از تگ code بدون استفاده از کد های CSS و  استایل دهی.

<body>
    <p>Salam Khboi? Man <code>milad</code> Hastam.</p>
    <p>Amoozesh Tag <code>code</code> Dar HTML</p> 
</body>

مثال دوم : استایل دهی به تگ code با استفاده از کد های CSS اختصاصی.

code{
   background-color:#f2f2f2;
   color:#fff;
   font-family:Consolas;
   padding:3px 5px;
   font-weight:bold;
   font-size:15px;
   -webkit-background: linear-gradient(90deg, #e81563 0%, #ff3807 100%);
   background: linear-gradient(90deg, #e81563 0%, #ff3807 100%);
}

راستی اگر دنبال آموزش html css پروژه محور در تبریز هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

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

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

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

جدول صفات تگ Code در HTML

جدول زیر به شما کمک میکند تا صفات تگ code  را به همراه مقادیری را که میتوانیم در این تگ استفاده کنیم را مشاهده نماییدم.

جدول صفات تگ Code در HTML + وردپرس پوش

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

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

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

اغلب مرورگرها تگ code  را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید بدون هیچ گونه تغییری از این کد ها استفاده کنید.

code {
    font-family: monospace;
}
برای امتیاز به این نوشته کلیک کنید!
[کل: 1 میانگین: 5]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید