Hal pertama yang harus dilakukan adalah pastikan mengelompokan data web HTML kedalam 1 folder seperti pada gambar dibawah ini :
- 1. Buatlah sebuah folder dengan nama ex: web.
- 2. Buat 2 folder dengan nama image dan css.
- 3. Letakan file index,html diluar dari kedua folder tersebut.
Penjelasan :
- Alasan kenapa harus membuat satu folder utama untuk setiap project web adalah agar web tersebut tersusun dan seorang programmer tidak bingung terhadap setiap halaman - halaman web yang ia susun antara data HTML dan CSS.
- Membuat 2 folder dengan nama image dan CSS bertujuan agar ketika seorang programmer menggunakan banyak IMAGE didalam folder utamanya, tidak merasa terganggu dengan banyaknya gambar sehingga programmer dapat fokus terhadap bagian - bagian web yang ia kerjakan, sama halnya dengan CSS.
- Mengenai penamaan index.html hal tersebut merupakan hal dasar karena ketika dijalankan disisi server nanti server tidak membutuhkan nama karena server sudah mengenali halaman utama dari sebuah web dengan nama index.html
Langkah memasukan IMAGE pada halaman web HTML, perhatikan code berikut ini :
Penjelasan :
- 1. Untuk memasukan sebuah gambar gunakanlah tag <img ... >, tag ini tidak memerlukan tag pasangan jadi langsung akhiri tag dengan >.
- 2. src Adalah atribut yang digunakan untuk memanggil/mencari letak source/sumber dari gambar yang akan dimasukan kedalam web, pada potongan code ini src="image/logo.png" menjelaskan bahwa letak gambar terletak pada folder image dengan nama logo.png.
- 3. style="width:304px; height:228px Atribut ini adalah yang mengatur ukuran dari gambar yang dimasukan.
Note : Ingat !!! ketika memasukan gambar hal yang juga penting yang harus diperhatikan adalah menuliskan ekstensi/format dari gambar tersebut, browser tidak akan menampilkan gambar dengan ekstensi/format yang salah meskipun letak folder dari gambar tersebut benar. pada code diatas ekstensi/format gambarnya adalah .png
Selamat Mengerjakan ...
Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon