Belajar membuat website bagi pemula part kedua

Membuat website sederhana

Sebelum anda membaca artikel ini silahkan baca terlebih dahulu artikel sebelumnya Belajar membuat website bagi pemula part pertama. Jika sudah silahkan lanjut membaca artikel ini. Pada artikel sebelumnya anda sudah belajar elemen pada HTML, tag pembuka dan penutup pada HTML dan struktur HTML. Silahkan anda menulis struktur HTML dan elemen HTML "h1" dan "p" seperti gambar dibawah ini:

"h1" adalah heading1 atau lebih detailnya judul dalam sebuah artikel dan "p" adalah mendefinisikan paragraf. Jadi "h1" judul dan "p" adalah paragraf tanpa tanda kutip. Silahkan anda ikuti seperti gambar diatas tulis dalam sebuah notepad yahh atau text editor sederhana lainnya. Jika sudah silahkan save, kasih nama bebas. Jangan lupa ekstensi nya ".html" tanpa tanda kutip. Atau lebih jelasnya seperti gambar dibawah ini:

Jangan lupa klik tombol save yahh. Jika sudah anda menyimpan file tersebut silahkan buka folder nya seperti pada gambar berikut dibawah ini:>

Silahkan dibuka yahh. Saya membukanya dengan browser google chrome. Jika kalian sudah dibuka maka akan tampil pada browser seperti ini: Lihatlah gambar dibawah ini!!!

Perhatikan pada lingkaran merah pada gambar diatas. pada judul browser tersebut ada "Belajar website" nahh itulah salah satu fungsi pada: <"title">Belajar website<"/title"> tanpa tanda kutip. Untuk memberikan judul pada browser.

Apakah anda baru sadar? Bahwa anda sudah membuat website walaupun sederhana cuman menggunakan "h1" dan "p" walaupun demikian anda sudah membuat website sederhana dalam bentuk website offline. Mungkin anda bertanya jika websitenya pengen online gimana? jawabannya hosting. Anda harus menyewa hosting alias menyewa server untuk website anda supaya online. Saya sarankan jangan terlalu ambisi terlebih dahulu kita baru saja belajar jadi sabar dulu yah.

Memanggil gambar untuk website

Untuk memanggil sebuah gambar anda membutuhkan tag pembuka yang tidak mempunyai tag penutupnya yaitu: <"img"> tanpa tanda kutip. Lalu kalian membutuhkan atribut. Mungkin kalian bertanya apa itu atribut? atribut pada HTML adalah memberikan informasi tambahan pada HTML. Atau memberikan informasi tambahan untuk elemen contohnya <"img"> membutuhkan sebuah informasi tambahan. Yaitu berupa atribut atau informasi tambahan seperti: "width," "height," dan "alt."

Mungkin kalian sudah tahu "width dan height" artinya apa? width untuk sebuah lebar dan height untuk sebuah tinggi. Lantas apa arti sebuah alt ?? alt adalah sebuah teks alternatif untuk gambar jika gambar tidak berhasil dimuat atau gambar tidak dapat tampil. Sudah mengerti bukan? dalam sebuah pemanggilan gambar anda membutuhkan "src" apa itu "src" fungsi pada "src" untuk memanggil file tertentu contohnya gambar. Dari pada bingung langsung praktek aja yuk.

Perhatikan gambar diatas. Pada "src" anda harus memberikan jenis gambar yang akan anda panggil, contoh jenis gambar yang diatas adalah ".jpg"
width = lebar dan height = tinggi silahkan kalian atur sesuka kalian. Dan pada alt untuk teks alternatif jika gambar tidak berhasil dimuat atau gambar tidak tampil. Sebenarnya dalam sebuah <"img"> masih ada lagi informasi lainnya. Hasil pada script diatas yaitu seperti gambar dibawah inih:

Silahkan kalian otak atik sesuai keinginan kalian. Berikut cara pemahaman file HTML jika tidak sesuai dengan lokasi kalian bisa menggunakan alternatif berikut: Silahkan perhatikan gambar berikut dibawah ini!!!

<<< Artikel Sebelumnya
Artikel Selanjutnya >>>