YLunak: html

Rabu, 25 Oktober 2017

Membuat List pada Web

Assalamualaikum wr.wb

Kali ini mari kita belajar tentang list. Dalam html kita juga bisa membuat list loh.

Membuat list dengan html

List adalah bagian dokumen yang berisi daftar item. Dalam html, terdapat 2 macam list, ol (Ordered List) dan ul (Unordered List).

Ordered list merupakan metode mengurutkan data berupa angka, abjad, dan romawi.

Unordered list merupakan metode mengurutkan data berupa simbol.

Tulis script pada gambar berikut untuk mencoba

Tutorial membuat list pada html

Dari script diatas, jika dibuka pada browser akan tampil seperti berikut

Hasil run dari program list dengan html

Jenis - jenis ol :

1. (1,2,3) : <ol type="1">

2. (a,b,c) : <ol type="a">

Jenis - jenis ul :

1. Bulat berisi : <ul type="disc">

2. Lingkaran : <ul type="circle">

3. Kotak: <ul type="square">

4. Kosong <ul type="none">

Metode mengurutkan data dalam hal ini ternyata tak terlalu sulit. berbagai jenis metode dapat kita gunakan. happy coding! Sekian dan terima kasih

Wassalamu'alaikum wr.wb

Rabu, 13 September 2017

Assalamualaikum wr.wb.

Ada yang bingung cara membuat tabel pada HTML? Atau belum paham?

Tabel terdiri dari kolom dan baris. Tabel bisa dibuat dengan HTML. Kali ini saya akan berbagi cara membuat tabel seperti pada gambar berikut.

Hasil run tabel dengan html

Tabel diatas masih tergolong dasar. Jadi, mari lihat script berikut.

Cara membuat tabel dengan html

Keterangan:

Tulisan tabel yang diapit tag title itu tidak muncul dihalaman, tapi muncul sebagai judul halaman.
Tag tr : untuk membuat kolom
Tag td : untuk membuat baris
Script diatas akan menghasilkan ddua kolom dan tiga baris.

Untuk table border bisa dirubah, dicoba sendiri saja biar berkesan. Jangan spaneng saat ngoding ya. Semoga bermanfaat.

Wasaalamualaikum wr.wb