برنامه نویسی

تگ Code در HTML چیست؟ آموزش کامل کاربرد و استفاده از تگ Code برای نمایش کدها

تگ Code در HTML چیست؟ آموزش کامل کاربرد و استفاده از تگ Code برای نمایش کدها

تگ Code یا کد یکی از مهم ترین Tag های HTML می باشد که برای تعریف کد ها در صفحات وب استفاده می شود. ما قصد داریم نحوه استفاده و کاربرد تگ Code را به شما به صورت کامل آموزش دهیم. در ادامه همراه داتیس نتورک باشید.

تگ Code در HTML چیست؟ آموزش کامل کاربرد و استفاده از تگ Code برای نمایش کدها

تگ Code در HTML چیست؟

تگ کد در اچ تی ام ال، یک قاب برای نمایش کد های کامپیوتری در صفحه وب می باشد.

برای مثال هم اکنون کلمه داتیس نتورک را در تگ کد قرار دادیم.

این کد شکل و شمایل خاصی ندارد اما می توانیم با استفاده از CSS به آن استایل دلخواه خود را دهیم.

این تگ از صفات عمومی و رویداد های عمومی پشتیبانی می کند، همچنین در مرورگر های معتبر مانند گوگل کروم و… پشتیبانی می شود.

مثال تگ کد

در این قسمت از مقاله ما قصد داریم چندین مثال از نحوه استفاده از این کد را به شما عزیزان نمایش دهیم.

معمولا تگ کد به تنهایی استفاده نمی شود و برای مرتب سازی بیشتر به همراه آن از تگ Pre این استفاده می شود.

استفاده از تگ Code

اکنون می توانید مشاهده کنید که کد ها چگونه به نمایش در می آیند.

تگ Code در HTML چیست؟ آموزش کامل کاربرد و استفاده از تگ Code برای نمایش کدها

تگ کد با استفاده از Pre

تگ Code در HTML چیست؟ آموزش کامل کاربرد و استفاده از تگ Code برای نمایش کدها

همان طور که مشاهده می کنید، تگ کد با استفاده از Pre مرتب تر نوشته می شود.

استفاده تنها از تگ Code برای نمایش کد ها توصیه نمی شود.

چرا که فاصله های اضافه و خطوط جدید در کد ها پشتیبانی نمی شود.

اما در کنار تگ کد می توانیم از تگ Pre برای فرمت دهی متون جهت حفظ فاصله متون، شکستن خطوط و سایر فرمت دهی ها که توسط مرورگر نادیده گرفته می شوند استفاده کنیم.

امیدواریم مقاله آموزش Tag کد در اچ تی ام ال برای شما مفید بوده باشد.

داتیس نتورک را در شبکه های اجتماعی دنبال کنید.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *