آموزش طراحی سایت (HTML CSS Javascript) | آتریا

نمایش کدها در صفحه

نمایش مثال های خودتان امتحان کنید

کلاس w3-example برای نمایش مثال ها در یک container خاکستری استفاده می شود:

مثال

Jill
Eve
Adam

خودتان امتحان کنيد »

نمایش کد

کلاس w3-code برای نمایش کد در فونت تک فاصله قابل خواندن مورد استفاده قرارمیگیرد:

مثال

fruits[0] = "Banana";
fruits[1] = "Apple";
fruits[2] = "Mango";
fruits[3] = "Plum";

خودتان امتحان کنيد »

مشخص کردن کد درون خطی

کلاس w3-codespan برای مشخص کردن کد درون خطی استفاده میشود:

مثال

The <code class="w3-codespan">html</code> element defines an HTML page.

خودتان امتحان کنيد »

کد رنگی

W3Schools یک کتابخانه جاوااسکریپت برای کد رنگی فراهم میکند:

مثال

fruits[0] = "Banana";
fruits[1] = "Apple";
fruits[2] = "Mango";
fruits[3] = "Plum";

کتابخانه را میتوانید از این لینک دانلود کنید : http://www.w3schools.com/lib/w3codecolor.js

اگر شما از کتابخانه w3codecolor.js استفاده میکنید ، همچنین میتوانید از کلاس های کد که در زیر آمده است استفاده کنید: ,

مشخص کردن کد جاوا اسکریپت

از کلاس jsHigh برای مشخص کردن کد جاوا اسکریپت استفاده میشود:

مثال

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

خودتان امتحان کنيد »

مشخص کردن کد HTML

کلاس htmlHigh برای مشخص کردن کد HTML استفاده میشود:

مثال

خودتان امتحان کنيد »

کد css مشخص شده

کلاس cssHigh برای مشخص کردن کد css استفاده می شود:

مثال

خودتان امتحان کنيد »

: نوشته شده توسط زهرا داوودی; بازدید: 3263

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی