Cashar 4

Liisaska iyo Miisaska

U qaabee xogtaada si caqligal ah adigoo isticmaalaya liisas iyo miisas.

Samaynta Liisaska (Lists)

HTML wuxuu bixiyaa hab fudud oo lagu abuuro liisas ku socda calaamado (bullets) ama lambarro.

Isticmaal tag-ga <ul> (Unordered List) ee liiska calaamadda leh, ama tag-ga <ol> (Ordered List) ee liiska lambarka leh. Gudaha weelkaas, u isticmaal tag-ga <li> (List Item) shay kasta oo liiska ka mid ah.

<h3>Tallaabooyinka lagu barto koodka:</h3>
<ol>
  <li>Akhri nuxurka casharka</li>
  <li>Qor koodka</li>
  <li>Dhis mashruuc dhab ah</li>
</ol>

<h3>Luuqadaha aan ugu jeclahay:</h3>
<ul>
  <li>JavaScript</li>
  <li>Python</li>
  <li>Go</li>
</ul>

Dhisidda Miisaska (Tables)

Miisaska (Tables) waxay kuu ogolaanayaan inaad muujiso xog qaab shaxaad ah (grids). Waxaa loo dhisaa xariiq-xariiq (row by row), kor ilaa hoos.

  • <table>: Waa weelka guud ee miiska.
  • <tr> (Table Row): Wuxuu qeexaa xariiq jiif ah.
  • <th> (Table Header): Wuxuu qeexaa unugga madax-cinwaanka (badanaa waa buuran yahay, waana dhexda).
  • <td> (Table Data): Wuxuu qeexaa unugga xogta caadiga ah.
<table>
  <tr>
    <th>Luuqadda</th>
    <th>Hearka Adkaanta</th>
  </tr>
  <tr>
    <td>HTML</td>
    <td>Fudud</td>
  </tr>
  <tr>
    <td>C++</td>
    <td>Adag</td>
  </tr>
</table>

Xirfad Dhaqameed

Dhis Shaxda Tignoolajiyada

Abuur miis ka kooban 3 xariiq (rows) iyo 2 tiir (columns) kaas oo isku xidhaya aaladaha aad jeceshahay iyo waxa loo isticmaalo (tusaale, 'React' -> 'Frontend').

Knowledge Check

Liisaska iyo Jadwallada

0/1 la jawaabay

Xaqiiji inaad fahantay goorta la isticmaalo list iyo goorta table loo baahan yahay.

1Jadwal HTML waa in badanaa loo isticmaalo:

Billow Maanta

Diyaar ma u tahay inaad
noqoto khabiir?

Ku biir 1,200+ arday ah oo ku baranaya koodka si dhakhso ah — bilaash, adigoo raacaya xawaarahaaga.