HTML හි වගු සමඟ වැඩ කිරීම
දැන් අපි HTML හි වගු සෑදීම ඉගෙන ගනිමු. මම හිතන්නේ, සාමාන්ය ජීවිතයේ දී වගුවක් යනු කුමක්දැයි ඔබට අවබෝධයක් ඇති - එය පේළි සහ තීරු සමූහයක් වන අතර ඒවායේ ඡේදනය වන ස්ථානවල කොටු පිහිටයි.
HTML හි වගු සෑදෙන්නේ සමාන ප්රතිපත්තියකට අනුවය. එහි ද තීරු සහ කොටු සහිත පේළි ඇත, කෙසේ වෙතත්, වගු වල HTML කේතය පළමු බැලීමේ දී නුපුරුදු ලෙස පෙනෙන්නට ඉඩ ඇත: වගු සෑදෙන්නේ පේළි අනුව - පළමුව පළමු පේළිය, ඉන් පසු දෙවන පේළිය, සහ එලෙසම අනෙක් පේළි.
වගුවේ කේද්යට දැඩි ව්යුහයක් ඇත: ප්රධාන
එක වන්නේ table ටැගයයි, එහි ඇතුළත
tr ටැග් පිහිටිය යුතු අතර එය වගුවේ
පේළි සාදයි, සහ ඒවායේ ඇතුළත - td ටැග්,
ඒවා කොටු සාදයි. table ටැගයට
border ගුණාංගයක් තිබිය හැකිය, එය
වගුවට සහ එහි කොටුවලට මායිමක් ලබා දෙයි.
උදාහරණයක් ලෙස, අපි පේළි තුනකින් සහ සෑම පේළියකම කොටු තුනකින් යුත් වගුවක් සාදමු:
<table border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
</tr>
<tr>
<td>cell 4</td>
<td>cell 5</td>
<td>cell 6</td>
</tr>
<tr>
<td>cell 7</td>
<td>cell 8</td>
<td>cell 9</td>
</tr>
</table>
:
පහත දක්වා ඇති උදාහරණය නැවත කරන්න:
