Tutorial Dasar Website-List Item

Rafiqi, S.Kom.
Rafiqi, S.Kom.
Juli 19, 2024
7
Tutorial Dasar Website-List Item

Membuat List Item

Hi Web Developer! kali ini guru design akan berbagi tutorial cara membuat List Item di website. Pada postingan sebelumnya kita telah belajar pre formatted text, dan kita akan melanjutkan materi berikutnya list item baiklah kita langsung ketutorialnya.

Kalian pernah kan melihat postingan seperti ini atau tulisan seperti ini:
  1. Ini ayah budi
  2. Ini ibu budi
  3. Ini budi
  • Ini ayah ani
  • Ini ibu ani
  • Ini ani
Nah kalau kalian pernah melihat tulisan seperti di atas, itu namanya List Item.
Jadi pembuatan List Item di website sangat mudah tinggal kita gunakan tag dibawah ini:
<ul>
    <li> List item tanpa nomor</li>
</ul> 
<ol>
    <li> List item dengan nomor</li>
</ol>

 

Begini Penerapannya

 

<html>
    <head>
        <title> Judul mu tulis disini </title>
    </head> 
        <body>
            <ul>
                <li> List item tanpa nomor </li>
                <li> List item tanpa nomor </li>
                <li> List item tanpa nomor </li>  
            </ul> 
            <ol>
                <li> List item dengan nomor</li>
                <li> List item dengan nomor</li>
                <li> List item dengan nomor</li>  
            </ol> 
        </body>
</html> 

 

Begini Demonya

  • List item tanpa nomor
  • List item tanpa nomor
  • List item tanpa nomor
  1. List item dengan nomor
  2. List item dengan nomor
  3. List item dengan nomor
Sangat mudah kan? jangan lupa untuk mengulangi materi yang sudah di pelajari supaya tidak terjadi eror atau lupa.

NEXT Tutorial Dasar Website-Membuat Table (Ready)
Sekian tutorialnya trimakasih semoga bermanfaat. 

Rafiqi, S.Kom.