latihan1

<!DOCTYPE html>
<html>
<head>
<title>Belajar Web</title>
<style type=text/css>
.container
{
width:1200px;
}

body
{
background-image:url(“../image/blue.jpg”);
}

.cari {
width:200px;
padding:4px;
margin-left:850px;
}

.tombolcari {
padding:4px;
}

.kotaklogo
{
height:120px;
width:180px;
border:1px solid blue;
background-image:url(../image/basecoding.jpg);
background-size: cover;
float:left;
margin-left:110px;
}

.header1
{
height:120px;
width:700px;
border:1px solid blue;
background-color:#008B8B;
margin-left:50px;
margin-bottom:2px;
float:left;
}

.header2
{
height:30px;
width:1103px;
border:1px solid blue;
background-color:#008B8B;
margin-left:110px;
margin-bottom:2px;
float:left;
}

.judul
{
color:yellow;
font-size:60px;
padding-left:10px;
}

.menu
{
background-color:#7CFC00;
height:450px;
width:160px;
float:left;
border: 2px solid red;
margin-left:110px;
}

.scroll
{
width:920px;
height:430px;
padding:10px;
overflow:scroll;
}

.content
{
background-image:url(“../image/blue.jpg”);
height:430px;
width:923px;
float:left;
}

.footer
{
margin-top:2px;
background-color:#00FFFF;
width:1103px;
height:30px;
textalign:center;
float:left;
border:1px solid blue;
margin-left:110px;
}

/* mengatur ul */
ul
{
list-style:none;
font-size:20px;
padding:20px;
}

/* mengatur ul li */
ul li{
width:100px;
font-size:20px;
text-align:center;
line-height:35px;
background-color:#9ACD32;
}

/* mengatur tampilan untuk a href,
hover : merupakan gerakan atau perubahan
yang terjadi pada sebuah objek apabila area objek tersebut dilintasi
atau disentuh oleh mouse (panah mouse)
*/

a:hover
{
background-color:#FFFF00;
color:#FF0000;
display:block;
border-radius:50px;
text-decoration:none;
}
</style>
</head>
<body>

<div class=”container”>

<div class=”kotaklogo”></div>
<div class=”header1″>

<h1 class=”judul”>Base Coding</h1>
</div>
<div class=”header2″>

<form >
<input class=”cari” type=”text” placeholder=”Cari…” required>
<input class=”tombolcari” type=”button” value=”Cari”>
</form>
</div>

<div class=”menu”>
<ul>
<li><a href=”#home”>Home</a></li><br />
<li><a href=”#html”>HTML</a></li><br />
<li><a href=”#css”>CSS</a></li><br />
<li><a href=”#javas”>JavaScript</a></li><br />
<li><a href=”#php”>PHP</a></li><br />
<li><a href=”#dom”>D O M </a></li><br />
</ul>

</div>

<div class=”content”>
<div class=”scroll”>
<div id=”home”>
<h1> Selamat Datang di web kami </h1>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</div>

<div id=”html”>
<h1> H T M L</h1>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
</div>

<div id=”css”>
<h1> C S S</h1>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
</div>

<div id=”javas”>
<h1> JavaScript</h1>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINript GGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
</div>

<div id=”php”>
<h1> P H P</h1>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
<p>Dalam HTML, gambar didefinisikan menggunakan tag <img> singkatan dari image. Tag ini termasuk tag kosong alias tidak mempunyai pasangan tag. Untuk menampilkan gambar pada halaman perlu atribut src, singkatan dari source. Nilai dari atribut ini adalah URL dari file gambar yang ingin ditampilkan. Sintaks tag seperti ini: <img src=”url” alt=”teks_pengganti gambar” /> atribut alt disini berfungsi untuk menentukan teks yang akan menggantikan bila gambar ternyata tidak bisa ditampilkan. Gagalnya gambar ditampilkan bisa disebabkan oleh lambatnya koneksi internet, error pada atribut src, atau jika user menggunakan screen reader. Untuk menampilkan gambar dengan nama grafis.jpg yang disimpan di folder yang sama dengan dokumen HTML yang menampilkannya, maka nilai atribut src sebagai berikut: <img src=”grafis.jpg” alt=”gambar kreasi digital” /> Bila gambar terletak dilokasi yang berbeda dengan dokumen HTML yang menampilkannya, maka alamat path harus ditulis pula, misalnya: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” /> Elemen image diatas menampilkan gambar yang terletak di server yang sama dengan dokumen HTML tetapi di folder yang berbeda. Jika gambar terletak di server yang berbeda, maka nilai atribut src berupa alamat URL absolut: <img src=”http://www.w3indonesia.com/images/grafis.jpg” alt=”gambar kreasi digital” /> Alat absolut merupakan alamat lengkap beserta jenis protokolnya (http).
ATUR TINGGI DAN LEBAR GAMBAR DENGAN HEIGHT DAN WIDTH
Atribut height dan width digunakan untuk mengatur tinggi dan lebar gambar. Satuan nilai atribut adalah piksel. Contoh: <img src=”images/grafis.jpg” alt=”gambar kreasi digital” width=”230” height=”173” />
</p>
</div>

</div>
</div>
<div class=”footer”> Copyright © tiobuki.com, 2018</div>
</div>
<script>
alert(“Selamat Datang Di Website Kami”);
</script>
</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *