HTML DASAR (4) – CYBERTWENTY

Dalam HTML, List memiliki fungsi untuk menampilkan sebuah data dari code kita

dalam bentuk daftar berurutan kebawah. Penulisan untuk List dalam HTML menggunakan

<li>. Dan Juga “List” dalam HTML memiliki 3 Jenis, antara lain :

– Ordered List : Menampilkan daftar list dalam bentuk huruf maupun angka,

dengan menggunakan awalan <ol>

Contoh :

<ul>

<li>Telor</li>

</ul>

– Unordered List : Mengurutkan suatu list dengan urutan berupa karakter spesial

atau simbol pada HTML, dengan menggunakan awalan <ul>

Contoh :

<ol>

<li>Telor</li>

</ol>

– Description List : adalah jenis list yang ditujukan untuk membuat struktur

yang berisi deskripsi atau daftar penjelasan, dengan menggunakan awalan <dl>

Contoh :

<dl>

<dd>Minuman yang mengandung Vitamin B1 dan C</dd>

<dt>Telor</dt>

<dd>Makanan yang mengandung Protein</dd>

</dl>

Selanjutnya Kita juga Belajar HTML Image, Fungsi dari HTML Image sendiri adalah

menampilkan gambar kedalam HTML karya kita untuk menambah hiasan dan beberapa

tambahan untuk keindahan Web kita

Adapun kali ini kita menggunakan tata cara yang umum dan simple dalam menginput

gambar dalam HTML kita

Contoh : <img src=”pic_trulli.jpg” alt=”Italian Trulli”>

, <img src=”coatofarms.jpg” alt=”Coat Of Arms”>

Sekian, cukup dari sini pelajaran Program untuk hari ini, besok akan kita lanjutkan dengan materi

yang lain dan yang pasti lebih mendalami sisi sisi penting dalam HTML

Stay Good Attitude and Have a Great Day!

[20.16, 30/11/2021] Arnold slowrespon: Refrensi :

Belajar HTML Part 9 : Membuat List Pada HTML

https://lmsspada.kemdikbud.go.id/mod/page/view.php?id=57746

https://www.dumetschool.com/blog/perbedaan-tag-ul-dan-ol

Tutorial HTML Lanjutan: Cara Membuat Description List dalam HTML (tag dl, dt dan dd)

Tutorial Form HTML Part 8: Fungsi dan Cara Penggunaan tag input type image

http://lembar200.blogspot.com/2013/07/mengenal-fungsi-image-pada-html.html

https://www.malasngoding.com/menampilkan-gambar-pada-html/