Pertemuan 5(pemograman website)

Cara Memasukkan Gambar Pada Html

-Pertama,Masukkan Kode Script berikut pada notepad atau notepad ++

 

Gambar 5.1.1 Tampilan Script latihan tag gambar

-Kedua,Save file dengan format .html

-Ketiga,Buka browser dan bukalah file anda

-Keempat,Hasilnya Akan tampil seperti ini

 Gambar 5.1.2 Tampilan Hasil Dari script tag gambar 

Cara Memasukkan Gambar dengan perintah <ALT>

               Atribut alt ( alternative description ) merupakan atribut yang berfungsi sebagai keterangan atau deskripsi dari gambar jika gambar tersebut gagal ditampilkan oleh web browser. Atribut alt juga berperan penting untuk search engine seperti Google yang meng-index seluruh isi situs dengan cara memproses tulisan yang ada. Pentingnya atribut alt untuk sebuah gambar karena google tidak mengerti bentuk dari gambar tanpa menambahkan deskripsi pada sebuah gambar.

-Pertama, Masukkan Script Kode berikut pada notepad atau notepad ++

Gambar 5.2.1 Tampilan Script Tag gambar menggunakan alt

-Kedua,Simpan File dengan Format .html

-Ketiga,Buka browser anda dan buka file anda

-Keempat, hasilnya akan tampil seperti ini

Gambar 5.2.2 Tampilan Hasil Tag gambar menggunakan alt

note : Perintah ALT sebagai keterangan  gambar apabila gambar tidak di deteksi oleh web. Hal ini memang saya sengajai agar kita bisa mengetahui fungsi perintah ALT

Cara Membuat Tabel Pada HTML

  

-Pertama, Masukkan Kode Script berikut pada notepad atau notepad++

Gambar 5.3.1 Tampilan Script pembuatan tabel pada html

-Kedua, Save file anda dengan format .html

-Ketiga, Buka browser anda dan buka file anda

-keempat, Hasilnya akan tampil seperti ini

Gambar 5.3.2 Tampilan Hasil Pembuatan tabel pada html

Cara Membuat Tabel Dengan Perintah Align&Valign Pada HTML

  

-Pertama, Masukkan Kode Script berikut pada notepad atau notepad++

Gambar 5.4.1 Tampilan Script Tabel Align&Valign

-Kedua, Save file anda dengan format .html

-Ketiga, Buka browser anda dan buka file anda

-keempat, Hasilnya akan tampil seperti ini

Gambar 5.4.2 Tampilan Hasil Tabel Align&Valign

Cara Membuat Tabel Dengan Perintah Cellpadding dan Cellspacing Pada HTML

  

-Pertama, Masukkan Kode Script berikut pada notepad atau notepad++

Gambar 5.5.1 Tampilan Script Tabel dengan Cellpadding&Cellspacing

-Kedua, Save file anda dengan format .html

-Ketiga, Buka browser anda dan buka file anda

-keempat, Hasilnya akan tampil seperti ini

Gambar 5.5.2 Tampilan Hasil Tabel dengan Cellpadding&cellspacing

Cara Membuat Tabel Dengan Perintah Rowspan dan Colspan Pada HTML

-Pertama, Masukkan Kode Script berikut pada notepad atau notepad++

Gambar 5.6.1 Tampilan Script Pembuatan tabel dengan rowspan&colspan

-Kedua, Save file anda dengan format .html

-Ketiga, Buka browser anda dan buka file anda

-keempat, Hasilnya akan tampil seperti ini

Gambar 5.6.2 Tampilan Hasil Pembuatan tabel dengan rowspan&colspan

Cara Membuat Frame Dengan tambahan hyperlink tulisan berjalan (marquee) dan kedap-kedip (blink)

-Pertama, Masukkan Kode Script berikut pada notepad atau notepad++

Gambar 5.7.1 Tampilan Script

-Kedua, Save file anda dengan format .html

-Ketiga, Buka browser anda dan buka file anda

-keempat, Hasilnya akan tampil seperti ini

Gambar 5.7.2 Tampilan Hasil Dari Script diatas