Web Tutorial

Minggu, 20 Desember 2015

Tutorial Menyisipakan Gambar Pada HTML

Dalam tutorial hari ini kita belajar menyisipkan gambar dengan html

berikut contoh gambarnya :

untuk menyisipkan gambar, kita menggunakan kode <img src="nama file">
untuk mengatur ukuran gambarnya kita gunakan kode width="ukuran" height = "ukuran"
kode width untuk mengatur lebar gambar sedangkan kode height untuk mengatur tinggi gambar

agar lebih jelasnya kita langsung praktek ya.

Langkah 1
Buka note pad

Langkah 2
Tuliskan Kode :

<!doctype html>
<html>
<head>
<title>Belajar Menyisipkan Gambar</title>
</head>
<body>
<p> Menyisipkan gambar tanpa width dan height
<br> <img src ="contohgambar.jpg"> </p>
<br> <p>menyisipkan gambar dengan width ="50%" dan height ="50%"
<br> <img src="contohgambar.jpg" width ="50%" height ="50%"> </p>
<p > Menyisipkan gambar dengan width ="100%" dan height ="100" <br>
<img src="contohgambar.jpg" width ="100%" height ="100%"></p>

</body>
</html>

Langkah 3

simpan sebagai halaman html

tampilan pada browser :

Rabu, 02 Desember 2015

Membuat align

Buka note pad

Ketikkan kode :

<p align ="right"> rata kanan </p>

<p align ="justify">rata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kanan

rata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kananrata kiri kanan

ata kiri kanan </p>

<p align ="center"> rata tengah </p>