CSS-de teksti deňleşdirmäge synag
Aşakdaky HTML kodyny nusgalyň we üçin aşakda getirilen wezipeleri çözüň:
html<h1>Esasy sahypa ady</h1>
<table border="1">
<tr>
<th>Önüm</th>
<th>Bahasy</th>
<th>Mukdary</th>
</tr>
<tr>
<td>Almalar</td>
<td>100</td>
<td>5kg</td>
</tr>
<tr>
<td>Apelsinler</td>
<td>200</td>
<td>6kg</td>
</tr>
<tr>
<td>Bananlar</td>
<td>300</td>
<td>7kg</td>
</tr>
</table>
<h2>Ikinji derejeli sözbaşy 1</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<h2>Ikinji derejeli sözbaşy 2</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<h2>Ikinji derejeli sözbaşy 3</h2>
<table border="1">
<tr>
<td>ýaçka 1</td>
<td>ýaçka 2</td>
<td>ýaçka 3</td>
</tr>
<tr>
<td>ýaçka 4</td>
<td>ýaçka 5</td>
<td>ýaçka 6</td>
</tr>
<tr>
<td>ýaçka 7</td>
<td>ýaçka 8</td>
<td>ýaçka 9</td>
</tr>
</table>
Задание 1
Ähli h1 sözbaşylaryny sag çetde ýerleşdiriň.
Задание 2
Ähli h2 sözbaşylaryny merkeze deňleşdiriň.
Задание 3
Ähli tablisalara 500px ini beriň.
Задание 4
th ýaçkalaryndaky teksti çep
çetde deňleşdiriň.
Задание 5
td ýaçkalaryndaky teksti merkeze deňleşdiriň.
Задание 6
Ähli abzaslara 300px ini beriň.
Задание 7
Ähli abzaslaryň tekstini şol bir wagtda sag we çep çetler boýunça deňleşdiriň.
Задание 8
h2 sözbaşylaryna 300px ini beriň.
Olary merkeze deňleşdiriň. Üns beriň
şoňa, deňleşdirme şol 300px-iň içinde
bolar.