Minggu, 12 Agustus 2018

LIST MENGGUNAKAN HTML? | Nassya Putri R.


Assalamualaikum kawan-kawan, kali ini saya mau sharing nih gimana sih caranya membuat list dengan menggunakan HTML. Sebelumnya saya bahas dulu ya apa itu List?
List adalah bagian teks didalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu. Sebagai contoh, dalam situs web yang bertema kuliner, list dapat berupa daftar dari makanan dan minuman beserta harganya.
Nah, berikut merupakan cara membuat list menggunakan HTML. Disini saya menggunakan aplikasi sublime text, atau teman-teman juga dapat menggunakan notepad++ :

1 (a)
1 (b)

2 (a)
2 (b)

Fungsi tag yang digunakan :
3 (a)
3 (b)
Fungsi yang digunakan :
1. <ul type="circle"> : Memberikan tanda bulatan putih
2. <ul type="disc"> : Memberikan tanda bulatan hitam
3. <ul type="square"> : Memberikan tanda kotak
4 (a)
4 (b)

Fungsi tag yang digunakan :
1. <dl> ... </dl> = Description List yaitu jenis sebuah list/daftar yang ditujukan untuk membuat struktur yang berisi deskripsi atau daftar penjelasan.2. <dt> ... </dt> = Data Term yaitu dapat berisi konten sebuah istilah atau kosa kata tertentu.3. <dd> ... </dd> = Data Description yaitu penjelasan dari <dt>.


5 (a)
5 (b)

Berikut merupakan Biodata yang saya buat menggunakan tag tag diatas yang sudah saya jelaskan tadi. Semoga informasi ini bermanfaat. Mohon maaf apabila terdapat kesalahan kata kata baik yang disengaja atau pun tidak. Have a great day everyone!💙

Fungsi tag yang digunakan :
1. <h1> ... </h1> = Biasanya digunakan untuk Nama Blog jika berada pada Home Page, tapi akan berubah menjadi H2 jika berada di halaman postingan.
2. <ul> ... </ul> = Digunakan untuk membuat daftar dengan penanda simbol. Tag ini mempunyai value sebagai berikut: disc, square, atau circle.Value defaultnya adalah disc.
Untuk menyisipkannya, contoh: <ul type="disc"> ... </ul>


<3. <li> ... </li> = Untuk menambah daftar/isi dari tag <ul></ul>. Cara menggunakan tag <ul> yaitu dengan menyisipkan item ke dalam tag pembuka dan tag penutup yang diapit dengan tag <li> dan </li>.



1. <ol> ... </ol> = Untuk membuat daftar dengan penanda simbol.
2. <h2> ... </h2> = Biasanya digunakan untuk judul postingan / artikel. Jika berada pada Home Page dan akan berubah menjadi H1 jika berada pada halaman postingan.
3. <h3> ... </h3> = Untuk sub judul/penjelasan judul postingan.
4. <h4> ... </h4> = Sebagai judul pada widget.





Tidak ada komentar:

Posting Komentar

INTRODUCING ELOQUENT

Assalamualaikum teman-teman yang sedang melihat blog saya kali ini hihi! Apa kabar semuanya? Semoga selalu dalam keadaan sehat wal'afiat...