What's new
By:

❓ Help Html

Sa HTML, maaari mong ilagay ang 2 o higit pang mga larawan gamit ang elemento na <img> para sa bawat larawan. Narito ang isang halimbawa ng paano gawin ito:

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Multiple Images Example</title>
</head>
<body>
    <h1>Multiple Images Example</h1>

    <img src="image1.jpg" alt="Image 1">
    <img src="image2.jpg" alt="Image 2">
</body>
</html>

Sa halimbawang ito, mayroong dalawang <img> elemento na naglalaman ng src attribute na nagtutukoy sa lokasyon ng bawat imahe. Ang alt attribute naman ay ginagamit upang magbigay ng alternatibong teksto kung hindi mabuksan ang imahe.

Pakitandaan na mahalaga na maglagay ng tamang landas (path) sa src attribute upang mahanap ng browser ang mga larawan. Maaari itong maging lokal na landas (tulad ng image1.jpg) o URL ng imahe sa internet.

Kung gusto mo ng mas advanced na paglalagay ng mga imahe, maaari kang gumamit ng CSS para ayusin ang pagkakalagay ng mga ito sa iyong webpage.
 

Similar threads

About this Thread

  • 2
    Replies
  • 339
    Views
  • 2
    Participants
Last reply from:
PHC-TAKOYAKI

New Topics

Trending Topics

Online now

Members online
1,171
Guests online
947
Total visitors
2,118

Forum statistics

Threads
2,273,767
Posts
28,951,448
Members
1,234,950
Latest member
louieandrei12345
Back
Top