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
  • 348
    Views
  • 2
    Participants
Last reply from:
PHC-TAKOYAKI

New Topics

Trending Topics

Online now

Members online
1,270
Guests online
3,638
Total visitors
4,908

Forum statistics

Threads
2,306,339
Posts
29,171,077
Members
1,194,770
Latest member
Sikaynam2026
Back
Top