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

New Topics

Trending Topics

Online now

Members online
1,065
Guests online
4,145
Total visitors
5,210

Forum statistics

Threads
2,328,210
Posts
29,240,731
Members
1,159,614
Latest member
toufikpawlo
Back
Top