Cara menggunakan list html apa saja?

List adalah salah satu elemen HTML yang berguna untuk menampilkan data secara berurutan. List biasany

Table of Contents Show

Unordered list
Memilih gaya penandaan unordered
Ordered list
List HTML apa saja?
Li dalam HTML untuk apa?
Tag ol digunakan untuk membuat list apa?
Ada beberapa type yang digunakan oleh tag unordered List Manakah tag yang sering digunakan?

Diperbaharui: 18 October 2020

List adalah salah satu elemen HTML yang berguna untuk menampilkan data secara berurutan. Biasanya

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: disc">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

3 ditampilkan bersamaan tag

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: disc">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

4 yang kepanjangan dari Unordered atau

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: disc">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

5 yang kepanjangan dari Ordered. List sendiri ditampilkan secara default dengan bola hitam.

Unordered list

Unordered adalah salah satu elemen HTML kegunaanya membuat daftar yang tidak berurutan. Biasanya ditandai dengan bola hitam secara defaultnya. Cara membuat unordered menggunakan

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: disc">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

4 dan

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: disc">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

Contoh:

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul>
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

Hasilnya:

Html
Css
Javascript
Php

Memilih gaya penandaan unordered

ValueKegunaanyadiscMenampilkan gaya bola hitam ( default )circleMenampilkan gaya bola putihsquareMenampilkan gaya kotaknoneMenghapus gaya

Contoh menggunakan disc ( Default ):

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: disc">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

Hasil menggunakan disc ( Default ):

Html
Css
Javascript
Php

Contoh menggunakan circle:

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: circle">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

Hasil menggunakan circle:

Html
Css
Javascript
Php

Contoh menggunakan square:

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: square">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

Hasil menggunakan square:

Html
Css
Javascript
Php

Contoh menggunakan none:

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: circle">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

Hasil menggunakan none:

Html
Css
Javascript
Php

Ordered list

Ordered adalah salah satu elemen HTML kegunaanya membuat daftar yang berurutan. Biasanya ditandai dengan angka secara default. Cara membuat Ordered menggunakan

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: disc">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

5 dan

<!DOCTYPE html>
<html>
    <head>
        <title>Judul post</title>
    </head>
    <body>

    <ul style="list-style-type: disc">
        <li>Html</li>
        <li>Css</li>
        <li>Javascript</li>
        <li>Php</li>
    </ul>

    </body>
</html>

List HTML apa saja?

Ada tiga macam jenis list yang bisa dibuat di HTML:.

Ordered List adalah list yang terurut;.

Unordered List adalah list yang tak terurut;.

dan Descriptiona List adalah list yang berisi definisi..

Li dalam HTML untuk apa?

Fungsi li pada html adalah untuk menampilkan item pada unordered dan ordered list. Sedangkan pada description list tidak menggunakan tag <li>.

Tag ol digunakan untuk membuat list apa?

Ordered List di HTML. Ordered list dibuat dengan tag <ol> . Lalu di dalamnya diisi dengan item-item yang akan dimasukkan ke dalam list. Item dibuat dengan tag <li> (list item).

Ada beberapa type yang digunakan oleh tag unordered List Manakah tag yang sering digunakan?

Secara default simbol yang digunakan oleh UL atau Unordered List adalah lingkaran kecil atau disc. Kita juga dapat menggantinya seperti OL atau Ordered List dengan menggunakan atribut type. Beberapa type yang bisa digunakan pada tag UL atau Unordered List ada 4 yakni type disc, circle, square dan none.