❓ 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.
 

About this Thread

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

Trending Topics

Online now

Members online
530
Guests online
653
Total visitors
1,183

Forum statistics

Threads
2,283,903
Posts
29,018,723
Members
1,221,682
Latest member
adachiiis10
Back
Top