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>
<p > rata kiri </p>


 tampilan pada browser :