Membuat Unordered List

Membuat Unordered List

Penjelasan Dalam HTML terdapat tag untuk membuat list, baik berupa unordered list maupun ordered list. Maksud ordered list yaitu list yang setiap itemnya terdapat huruf atau angka terurut. Sedangkan unordered list merupakan list yang tidak terurut, biasanya berupa bulletted list (list dengan simbol tertentu). Untuk membuat unordered list (ul), caranya dengan menuliskan (ul) dan diakhiri dengan (/ul). Sedangkan daftar item ditulis di antara tag (ul) dan (/ul) tersebut, dengan diapit tag (li) dan (/li). Dalam HTML, tag list terdiri dari…

Read More Read More

Membuat Anchor

Membuat Anchor

Penjelasan Untuk membuat anchor, langkah pertama harus memberi nama anchor terlebih dahulu pada bagian yang akan dijadikan target. Hal ini dilakukan dengan cara memberikan perintah (a name=”nama anchor”) dan diakhiri (/a). Jika kita mengklik nama achor maka akan menuju ke halaman yang dituju. Contoh Script <body> <h1> <a name=”daftar”>Daftar Isi</a> </h1> <p> <a href=”#hal1″>Halaman 1</a><br /> <a href=”#hal2″>Halaman 2</a><br /> <a href=”#hal3″>Halaman 3</a><br /> </p> <h1> <a name=”hal1″>Halaman 1</a> </h1> <p> Sebuah situs web tidak bisa berdiri sendiri. Setiap situs…

Read More Read More

Menampilan Gambar

Menampilan Gambar

Penjelasan Menampilkan gambar menggunakan (img src=””) dan ditutup dengan (/img), peletakan file foto harus satu folder dengan halaman html yang dibuat. Jika ingin mengatur ukuran gambar maka menggunakan perintah width=”” untuk lebar gambar dan tinggi gambar menggunakan height=””. Untuk mengatur jarak tepi image drngan teks, gunakanlah atribut hspace=”x” dan vspace”y”. Atribut hspace digunakan untuk mengatur jarak horizontal antara teks dengan tepi image (x dalam satuan pixel). Sedangkan vspace digunakan untuk mengatur jarak vertikal antara tepi image dengan teks (y juga…

Read More Read More

Membuat Favicon

Membuat Favicon

Penjelasan Favicon (favorites icon) adalah suatu image(icon) yang akan tampil pada address bar, menu favorites dll pada browser. Untuk membuat favion, terlebih dahulu Anda harus memiliki image berupa icon berukuran 16×16 pixel, usahakan dalam bentuk .ico. Penempatan perntah membuat favicon terletak di dalam blok header. Favicon merupakan gambar kecil yang dapat anda lihat pada bagian kiri halaman web. Tag (link) sendiri digunakan untuk membuat “hubungan” antara halaman HTML dengan file lain. Tag <link> sering digunakan untuk menghubungkan dengan file CSS…

Read More Read More

Membuat Shortcut Link

Membuat Shortcut Link

Penjelasan Dengan adanya shortcut link, maka pengunjung web masih dapat membuka kink meskipun tanpa menggunakan mouse. Konseo ini mengadopsi shortcut menu pada aplikasi bebasis GUI. Untuk membuat shortcut link caranya cukup dengan menambahkan atribut accesskey=”shortcut” pada (a href=”url”). Nilai shortcut pada atribut tersebut diganti dengan huruf yang akan Anda gunakan sebagi shortcut.Sebagai tips, sebaiknya hindari huruf shortcut yang sama dengan shortcut menurut pada aplikasi browser. Sebagai contoh, hindari penggunaan accesskey=”f”, karena biasanya ALT+F sudah digunakan untuk mengakses menu FILE pada…

Read More Read More

Membuat Ordered List

Membuat Ordered List

Penjelasan Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered list dengan bulatan atau kotak.Untuk membuat ordered list, pada prinsipnya sama dengan unordered list. Perbedaannya hanyalah pada tag pembukanya. Pada ordered list tag pembukaanya adalah (ol) dan diakhiri dengan (/ol). Sedangkan penulisan itemnya sama dengan unordered list. Biasanya ordered list digunakan untuk membuat urutan langkah-langkah suatu proses. Contoh Script <!DOCTYPE html> <html> <head>…

Read More Read More

Membuat Marging Cell

Membuat Marging Cell

Penjelasan Penggunaan merge cell tentunya sangat dibutuhkan dalam penyusunan informasi dalam tabel yang membutuhkan penggabungan beberapa sel menjadi satu. HTML sendiri juga sudah menyediakan atribut khusus untuk merge cell yaitu rowspan dan colspan. Mayoritas browser seperti firefox, chrome, opera, safari dan internet explorer mendukung penggunaan colspan dan rowspan. Colspan dan rowspan juga didukung oleh HTML5. Penggunaan atribut colspan dan rowspan diterapkan pada tag (td) dan tag (th). Colspan berarti penggabungan beberapa kolom sel menjadi satu sel. Nilai “2” pada colspan…

Read More Read More

Membuat Valign

Membuat Valign

Penjelasan Atribut Valign dan Align dalam memformat sel digunakan untuk mengatur posisi data pada cell. Valign digunakan untuk mengatur posisi vertikal data relatif terhadap sel, sedangkan align mengatur posisi horizontal. Secara default nilai atau value dari Valign pada cell adalah center dan Alignnya adalah left. Atribut valign pada tabel digunakan untuk mengatur perataan pada tabel secara vertikal. Atribut valign ditulis pada tag (tr), (th) atau (td) yang akan menentukan posisi isi tabel (data) di dalam tabel secara vertikal. Pada latihan…

Read More Read More

Membuat Radio Button

Membuat Radio Button

Penjelasan Radio button digunakan untuk input data yang sifatnya optinal. Dalam hal ini user diminta memilih option yang ada pada radio button. Item pilihan pada radiobutton hanya bisa dipilih salah satu saja. Untuk membuat radio button caranya dengan menuliskan (input type=”radio” name=”namakomponen” value=”nilai” /). Pada code diatas, untuk setiap komponen radiobutton mempunyai nama komponen yang sama yaitu “job”. Hal ini dikarenakan ketiga komponen tersebut dalam satu kelompok yaitu jenis pekerjaan yang mana salah satu akan dipilih. Contoh Script <body> <form…

Read More Read More

Membuat Text Area

Membuat Text Area

Penjelasan Komponen text area mirip dengan text box. Perbedaannya adalah bahwa text area mampu menampung data text lebih dari satu baris. Untuk membuat text area, perintahnya (textarea name=”namakomponen”)(/textarea).. Kita dapat mengatur text area dengan panjang baris dan kolom dan menambahkan atribut rows=”n” dan cols=”n”, n artinya banyaknya. Atribut ini berfungsi untuk membatasi tampilan lebar kolom(cols) dan tinggi baris (rows) dari textarea. Nilai yang diinput adalah jumlah karakter yang menjadi lebar dari text area. Misalkan kita membuat atribut cols=”40”, maka text…

Read More Read More