W3.CSS kod

ULASHISH

Kodni qanday ko‘rsatish mumkin

W3.CSS kod misollari va satr ichidagi kodni ko‘rsatish uchun klasslarni taqdim etadi.

Sintaksisni ajratib ko‘rsatish uchun W3Schools Code Color kutubxonasidan ham foydalanishingiz mumkin.

Kodni ko‘rsatish

w3-code klassi kompyuter kodi misollarini ko‘rsatish uchun mo‘ljallangan:

U kodni o‘qish oson bo‘lgan monospace shriftda ko‘rsatadi:

Misol

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

O‘zingiz sinab ko‘ring »


Satr ichidagi kod

w3-codespan klassi satr ichidagi kodni ajratib ko‘rsatadi.

Misol: html elementi HTML sahifani belgilaydi.

Misol

The <code class="w3-codespan">html</code> element defines an HTML page.
O‘zingiz sinab ko‘ring »

Misollarni ko‘rsatish

Misollarni bezatilgan konteyner ichida ko‘rsatish uchun w3-panel klassidan foydalaning.

Misol

Kartochka ko‘rinishida ko‘rsatilgan ro‘yxat.

  • Jill
  • Eve
  • Adam

O‘zingiz sinab ko‘ring »



Sintaksisni ajratib ko‘rsatish

W3Schools sintaksisni ajratib ko‘rsatish uchun w3codecolor.js kutubxonasini taqdim etadi.

Misol

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

Kutubxonani quyidagi manzildan yuklashingiz mumkin:

Misol

<script src="https://www.w3schools.com/lib/w3codecolor.js"></script>

w3codecolor.js dan foydalanganda kod bloklaringizga til klasslarini qo‘shishingiz mumkin.


JavaScript kodini ajratib ko‘rsatish

JavaScript kodini ajratib ko‘rsatish uchun jsHigh qo‘shing:

Misol

<div class="w3-code jsHigh">   ... JavaScript code ... </div>
O‘zingiz sinab ko‘ring »

HTML kodini ajratib ko‘rsatish

HTML kodini ajratib ko‘rsatish uchun htmlHigh qo‘shing:

Misol

<div class="w3-code htmlHigh">   ... HTML code ... </div>
O‘zingiz sinab ko‘ring »

CSS kodini ajratib ko‘rsatish

CSS kodini ajratib ko‘rsatish uchun cssHigh qo‘shing:

Misol

<div class="w3-code cssHigh">   ... CSS code ... </div>
O‘zingiz sinab ko‘ring »

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!