Twitter
.::Welcooooooomeee in My Site::.

Images

Posted by Hacker - -

What's upp brota n sista..

Now we'll learn how to add image in our HTML coding..

Okeyhh, let's start our lesson..
#inggeulis mode on
^^

Nah, kali ini kita mao nyoba nambahin gambar di web kite cooyy.. Okeyh, liat contoh:

<body>
<p align="left">
<img src="image2.jpg" />Bla3x
</p>
</body>

Wahai brota n sista, element <img> adalah element di HTML yang bakal bikin lo2 semua bisa nambahin gambar.
Coba deh perhatiin lagi di daftar Element n Atribut yang gue kasih pas materi Element dan Atribut.

Atribut src di pake buat nginput gambar kite soob. Syaratnya, gambar yang kita input harus dalam satu folder yang sama ama file HTML kita.

Do you understand??
#penonton pun geleng2

Gubragss

Okeh, karena ini agak simple, jadi langsung latihan aja dahh.
1. Buat folder image di desktop
2. Masukin gambar yang mau lo taro di HTML lo ke folder image tadi
3. terus bikin file html dengan syntag:

    <html>
    <head>

    <title>Latihan Image</title>
    </head>
    <body>
    <p align="left">
    <img src="nama_gambar" alt="kata2 yang mau lo masukin di gambar" width="lebar(isi pake angka aja, misal 12px)" height="(tinggi)">
     Saatnya mamam
    </p>
    </body>
    </html>

simpen dengan nama latihan_image.html di folder tadi
4. lo cek dehh, klik aja 2x di file html yang tadi dah lo simpen

Selamat mencobaaaa..
(^,~)

Leave a Reply