Quyidagi kod qanday ko‘rinadi?

<div style="background-color: yellow;"> <p style="color: red;">Matn 1</p> <p style="color: blue;">Matn 2</p> </div>

Quyidagi kod qanday natija beradi?

<details> <summary>Batafsil ma'lumot</summary> <p>Bu yerda qo‘shimcha ma’lumotlar mavjud.</p> </details>

Quyidagi <form> kodida foydalanuvchi "email" maydonini to‘ldirmasa, shaklni jo‘natish mumkinmi?

<form> <input type="text" name="ism" required> <input type="email" name="email"> <input type="password" name="parol" required> <button type="submit">Yuborish</button> </form>

Quyidagi jadvalda nechta alohida ko‘rinadigan katakcha mavjud?

<table border="1"> <tr> <td rowspan="2">A</td> <td colspan="2">B</td> <td>C</td> </tr> <tr> <td>D</td> <td colspan="2">E</td> </tr> <tr> <td>F</td> <td>G</td> <td>H</td> <td rowspan="2">I</td> </tr> <tr> <td colspan="3">J</td> </tr> </table>

Quyidagi kod qanday natija beradi?

<span style="color: red;">Qizil matn</span> 
<div style="color: blue;">Ko‘k matn</div>

Quyidagi <audio> elementi qanday natija beradi?

<audio controls> <source src="music.mp3" type="audio/mpeg"> </audio>

Quyidagi <meta> tegi qaysi maqsadda ishlatiladi?

<meta charset="UTF-8">

Quyidagi <iframe> kodidan qanday maqsadda foydalanish mumkin?

<iframe src="https://www.example.com" width="600" height="400"></iframe>

Quyidagi kodda rasm ekranda to‘g‘ri ko‘rinishi uchun nima yetishmayapti?

<img width="200" height="150">

Quyidagi jadvalda nechta alohida ko‘rinadigan katakcha mavjud?

<table border="1"> <tr> <td colspan="2">A</td> <td>B</td> </tr> <tr> <td>C</td> <td rowspan="2">D</td> <td>E</td> </tr> <tr> <td>F</td> <td>G</td> </tr> </table>

Quyidagi HTML kod berilgan:

<table> <tr> <td rowspan="2">60</td> <td colspan="2">-120</td> <td>85</td> </tr> <tr> <td>50</td> <td rowspan="2">-35</td> <td>95</td> </tr> <tr> <td>100</td> <td colspan="2">-75</td> </tr> </table>

Eng katta va eng kichik sonlar orasidagi farqni toping.

Quyidagi HTML kod berilgan:

<table> <tr> <td rowspan="2">60</td> <td colspan="2">-120</td> <td>85</td> </tr> <tr> <td>50</td> <td rowspan="2">-35</td> <td>95</td> </tr> <tr> <td>100</td> <td colspan="2">-75</td> </tr> </table>

Jadvaldagi barcha sonlarning o‘rta arifmetigini toping.

Quyidagi HTML kod berilgan:

<table> <tr> <td rowspan="2">64</td> <td colspan="2">-120</td> <td>85</td> </tr> <tr> <td>50</td> <td rowspan="2">-35</td> <td>95</td> </tr> <tr> <td>100</td> <td colspan="2">-75</td> </tr> </table>

Birlashmagan (oddiy) katakchalardagi musbat sonlarning yig‘indisini hisoblang.

Quyidagi CSS fragmenti qanday natija beradi?

.button { background-color: blue; color: white; padding: 10px 20px; display: inline-block; transition: transform 0.3s ease-in-out; } .button:hover { transform: scale(1.2); }

.container { display: flex; flex-direction: column-reverse; }

html 

<div class="container"> <div class="box1">Box 1</div> <div class="box2">Box 2</div> <div class="box3">Box 3</div> </div>

Quyidagi Css fragmenti natijasida .navbar qanday harakat qiladi?

.navbar { position: sticky; top: 0; background-color: black; color: white; }

Quyidagi kod natijasi qanday bo‘ladi?

CSS codi:

.list li:nth-child(4n+3) { display: none; }

html codi:

<ul class="list"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> <li>Item 7</li> <li>Item 8</li> <li>Item 9</li> <li>Item 10</li> </ul>

Quyidagi CSS fragmentda .shape qanday ko‘rinishda bo‘ladi?

.shape { width: 200px; height: 200px; background-color: red; clip-path: polygon(50% 0%, 100% 100%, 0% 100%); }

Quyidagi CSS fragment qanday effekt hosil qiladi?

.image { mask-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); }

Ushbu CSS fragmentini izohlang:

.background { background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(0, 0, 255, 0.5)), url('image.jpg'); background-blend-mode: multiply; }

Quyidagi kod qanday natija beradi?

.box { width: 100px; height: 100px; background-color: green; animation: rotateScale 4s infinite alternate ease-in-out; } @keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg) scale(1.5); } }

Ushbu CSS fragmentini izohlang:

h2{test-shadov: 2ppx 3 ppx:}

HTML. Quyidagilardan qaysi biri C harfi boshlanadigan tartiblangan ro'yhat hosil qilishini ko'rsating