සම්බන්ධිත වෙබ් පිටු, ලැයිස්තු, වගු සහ බහුමාධ්‍ය අංග එකතු කිරීම

1. හයිපර්ලින්ක් (Hyperlink / Tag)

වෙබ් පිටු එකිනෙක සම්බන්ධ කිරීම සඳහා <a> (Anchor) ටැගය භාවිතා කරයි. සබැඳි (Links) ප්‍රධාන කොටස් 3කි:

• එකම පිටුවක විවිධ කොටස් සම්බන්ධ කිරීම (Bookmark / Internal Link):

  • <a href="#section1">කොටස 1 වෙත යන්න</a>

  • <div id="section1">කොටස 1 මෙතනින් ඇරඹේ</div>

• එකම වෙබ් අඩවියක වෙනත් පිටු සම්බන්ධ කිරීම (Local Link):

  • <a href="about.html">අප ගැන පිටුව</a>

• වෙනත් වෙබ් අඩවියක පිටුවක් සම්බන්ධ කිරීම (External Link):

  • <a href="[https://www.google.com](https://www.google.com)">ගූගල් වෙත යන්න</a>

2. ලැයිස්තු (Lists)

HTML හි ප්‍රධාන ලැයිස්තු වර්ග 3 කි:

• පිළිවෙලක් ඇති ලැයිස්තු (Ordered Lists - <ol>): අංක හෝ අකුරු අනුපිළිවෙලින් යුක්තයි. (Attributes: type, start).

• පිළිවෙලක් නැති ලැයිස්තු (Unordered Lists - <ul>): බුලට් ලක්ෂ්‍ය (Bullets) සහිතයි. (Attribute: type="square/circle/disc").

• අර්ථදැක්වීම් ලැයිස්තු (Definition Lists - <dl>): වචන සහ ඒවායේ තේරුම් දැක්වීමට. <dt> (Definition Term) සහ <dd> (Definition Description) ටැග් භාවිතා වේ.

3. පින්තූර එකතු කිරීම (Images - <img>)

වෙබ් පිටුවට පින්තූරයක් ඇතුළත් කිරීමට <img> ටැගය භාවිතා කරයි (මෙය empty tag එකකි).

• <img src="image.jpg" alt="විකල්ප පෙළ" width="300" height="200" />

• Attributes: src (මූලාශ්‍රය), alt (පින්තූරය පූරණය නොවුවහොත් පෙන්වන පෙළ), width (පළල), height (උස).

4. වගු (Tables)

දත්ත ව්‍යුහාත්මකව පෙන්වීමට වගු භාවිතා කරයි.

• කොටු ඒකාබද්ධ කිරීම (Merging Rows & Columns):

  • colspan : තිරස් අතට තීරුවල කොටු එකතු කිරීමට (Merging columns). <td colspan="2">

  • rowspan : සිරස් අතට පේළිවල කොටු එකතු කිරීමට (Merging rows). <td rowspan="3">

5. බහුමාධ්‍ය වස්තූන් (Multimedia Objects - HTML 5)

• ශ්‍රව්‍ය (Audio): වෙබ් පිටුවට සින්දු හෝ ශබ්ද එකතු කිරීමට.

  HTML

  <audio controls>
     <source src="song.mp3" type="audio/mpeg">
     ඔබගේ බ්‍රවුසරය මෙම ටැගයට සහය නොදක්වයි.
  </audio>
  

*   **දෘශ්‍ය (Video):** වීඩියෝ දර්ශන එකතු කිරීමට.
    ```html
    <video width="320" height="240" controls>
       <source src="movie.mp4" type="video/mp4">
    </video>