جلسه ۲۷ : کدهای کامپیوتری در html

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

با عرض سلام خدمت کاربران سایت پی وی لرن . در آموزشهایی که تا کنون در دوره html ارائه کردیم، با مباحث مهمی از جمله ویژگی Responsive در html ، آشنا شدید. در ادامه این آموزشها ، و در این بخش قصد داریم به بحث نمایش کدهای کامپیوتری در html ، بپردازیم. برای نمایش کد در html و دستورات ، تگ هایی تعریف شده است که هر کدام در مواردی خاصی کاربرد دارد.

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

در ادامه این بخش به موضوع نمایش کدهای کامپیوتر در html ، می پردازیم.

img

نمایش کدهای کامپیوتری در html

برای نمایش کدهای ساده مانند جمع و تفریق و… می توانید از تگ <code> استفاده کنید.

مثال:

تگ <kbd>

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

مثال:

خروجی برنامه ها

تگ <samp> ، برای نمایش خروجی برنامه ها و نرم افزار ها ، استفاده می شود.

مثال:

استفاده از <code> در HTML

عنصر <code> یک قطعه کد کامپیوتر را تعریف می کند.

متنی که توسط برچسب های <code> احاطه شده است معمولا در فونت یکپارچه پیش فرض مرورگر نمایش داده می شود:

توجه داشته باشید که عنصر <code> فضای خالی فضای اضافی و خط فاصله را حفظ نمی کند.

برای رفع این، شما می توانید عنصر <code> را داخل عنصر <pre> قرار دهید:

توابع و فرمول ها

از تگ <var> نیز برای نمایش تابع و فرمول ها استفاده می شود.

مثال:

عناصر نمایش کدها و دستورات در html

کلام آخر

در محتواهای علمی و خصوصا آموزشی در صفحات وب گاها از کدهای برنامه نویسی ، کامپیوتری و … استفاده می شود که برای درج کدهای کامپیوتری در html نیاز است که با استفاه از تگ های خاصی که در مباحث فوق به آن اشاره کردیم این کدها را تعریف کنید.