آموزش تگ code در HTML

آموزش تگ 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 پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
جدول صفات تگ Code در HTML
جدول زیر به شما کمک میکند تا صفات تگ code
را به همراه مقادیری را که میتوانیم در این تگ استفاده کنیم را مشاهده نماییدم.
پشتیبانی تگ Code از صفات و رویدادهای عمومی
تگ code
قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
دستورات پیش فرض CSS
اغلب مرورگرها تگ code
را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید بدون هیچ گونه تغییری از این کد ها استفاده کنید.
code { font-family: monospace; }
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید