search

Cara menggunakan tipe ul html

1 years ago
Komentar: 0
Dibaca: 99

Langkah berikutnya yang akan kita pelajari dalam tutorial belajar HTML dasar adalah cara membuat daftar/list di HTML. Untuk menampilkan sebuah text sebagai daftar/list, HTML menyediakan Tag

    ,
      dan
    • .

      Show

      Cara Membuat List/Daftar di HTML

      Dalam HTML, daftar tag terdiri dari 2 jenis, yaitu daftar berurut (berurutan) dan daftar tidak berurut (tidak berurut). Daftar berurut akan ditampilkan dengan angka atau huruf, sedangkan daftar tidak berurut akan ditampilkan dengan lingkaran atau kotak

      Ordered list menggunakan tag

        , dan unordered list menggunakan tag
          , sedangkan untuk list sendiri menggunakan tag
        • . Penjelasan ini akan lebih mudah jika menggunakan contoh.

          Berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag

            :

            <!DOCTYPE html>
<html>
<head>
  <title>penggunaan tag list </title>
</head>
<body>
  <h1>daftar belanjaan</h1>
  <ol>
  <li>minyak goreng</li>
    <li>sabun mandi</li>
    <li>deterjen</li>
    <li>shampoo</li>
    <li>obat nyamuk</li>
  </ol>
</body>
</html>

            Cara menggunakan tipe ul html

            Untuk membuat unordered list, tinggal ganti tag

              menjadi
                .

                Berikut adalah contoh kode HTML untuk membuat unordered list menggunakan tag

                  :

                  <!DOCTYPE html>
<html>
<head>
  <title>penggunaan tag list </title>
</head>
<body>
  <h1>daftar belanjaan</h1>
  <ul>
    <li>minyak goreng</li>
    <li>sabun mandi</li>
    <li>deterjen</li>
    <li>shampoo</li>
    <li>obat nyamuk</li>
  </ul>
</body>
</html>
                  _

                  Cara menggunakan tipe ul html
                  Penggunaan tag list pada HTML tidak hanya untuk membuat list. Dengan CSS, daftar tag dapat digunakan untuk membuat menu navigasi di halaman web, seperti menu beranda, hubungi kami, dll. Daftar tag juga dapat digunakan untuk daftar bersarang, yang berarti daftar yang ada di dalam daftar lain

                  eBuku HTML Uncover Duniailkom

                  Apakah Anda serius ingin menguasai HTML? . EBook ini membahas tentang HTML secara lebih detail dan lengkap hingga fitur terbaru dari HTML5. Penjelasan lebih lanjut bisa ke. eBuku HTML Uncover Duniailkom

                  Pasti Anda pernah melihat artikel berupa daftar untuk menyebutkan beberapa item yang sama. Tentunya akan terlihat lebih rapi dan terstruktur jika menggunakan list dibandingkan dengan tulisan biasa. Dalam membuat website kita juga bisa membuat list seperti list pada umumnya dengan menggunakan HTML

                  Untuk bisa membuat daftar dalam HTML, tidaklah sulit. Yang diperlukan hanyalah beberapa tag HTML yang sangat sederhana. Dalam HTML sendiri terdapat dua jenis list yaitu unordered list dan ordered list. Unordered list adalah daftar yang tidak terurut

                  Tidak berurutan artinya tidak memiliki angka. Sedangkan daftar berurut merupakan kebalikan dari daftar tak berurut, yaitu daftar berurutan. Berurutan disini berarti memiliki angka atau huruf (tergantung setting). Langsung saja kita bahas cara membuat list HTML

                  Daftar isi

                  Cara Membuat List HTML Menggunakan Tag ul, ol, dl

                  1. Dengan Tag

                  Tadi, kita sudah bahas kalau ada unordered list dan ordered list. Nah, tag

                    ini merupakan tag untuk membuat list yang tidak berurutan (unordered list). Coba buat file dengan nama belajar.html. Lalu isi dengan kode. Bisa dilihat kode programnya di bawah:

                    [bahasa kode sumber =”polos”]


                    Membuat Daftar HTML Dengan Tag ul Makinrajin



                    • Pos pertama

                    • Tulisan kedua

                    • Tulisan ketiga




                    [/Kode sumber]

                    Saat dijalankan melalui web browser terbaik pilihan Anda, Anda bisa melihat hasilnya seperti gambar di bawah ini

                    Cara menggunakan tipe ul html

                    Apakah Anda memiliki keinginan untuk mengubah lingkaran menjadi bentuk lain seperti persegi? . Anda dapat melihat perubahan kode program di bawah ini

                    [bahasa kode sumber =”polos”]


                    • Pos pertama

                    • Tulisan kedua

                    • Tulisan ketiga


                    [/Kode sumber]

                    Maka hasilnya akan seperti di bawah ini

                    Cara menggunakan tipe ul html

                    Anda dapat mengganti kata persegi dengan lingkaran kata untuk membuat lingkaran putih dengan bingkai hitam. Berikut adalah daftar nilai untuk mengisi atribut type

                    • cakram. Untuk membuat lingkaran hitam. Ketika atribut type tidak ada, maka yang digunakan adalah disc (default)
                    • persegi. Untuk membuat kotak hitam
                    • lingkaran. Untuk membuat lingkaran putih dengan batas hitam

                    Selain itu, Anda juga dapat membuat gambar item sendiri dengan menggunakan CSS .

                    2. Dengan Tag

                    Ketika kita menggunakan tag

                      ini hasil yang ditampilkan memiliki nomor atau urutannya. Berikut adalah kode programnya :

                      [bahasa kode sumber =”polos”]


                      1. Pos pertama

                      2. Tulisan kedua

                      3. Tulisan ketiga


                      [/Kode sumber]

                      Ketika kita telah membuat tag, kita dapat melihat hasilnya seperti di bawah ini

                      Cara menggunakan tipe ul html

                      Beda kan dengan menggunakan tag

                        ? Dengan tag
                          kita juga bisa mengkonfigurasi akan seperti apa tampilannya. Bisa juga angkanya bukan 1,2,3,… tapi i,ii,iii,… ataupun a,b,c,…

                          Caranya adalah dengan menambahkan atribut type pada tag

                            . Contohnya seperti di bawah:

                            [bahasa kode sumber =”polos”]


                              [/Kode sumber]

                              • ketik = "a". Hasilnya adalah a,b,c,…
                              • ketik="saya". Hasilnya adalah i,ii,iii,…
                              • ketik="1". Hasilnya akan menjadi 1,2,3,…

                              Anda juga bisa menggunakan huruf kapital, contohnya adalah type=”A”. Maka hasilnya akan menjadi A,B,C,… Selain itu, tag

                                tidak harus selalu dimulai dari awal. Bisa saja Anda memulai dari pertengahan, contoh:

                                [bahasa kode sumber =”polos”]


                                  [/Kode sumber]

                                  Perhatikan atributnya. Kita menggunakan atribut start, bukan type lagi. Ketika akan mengatur berapa nilai awal dari tag

                                    , kita menggunakan start. Tetapi ketika kita akan mengatur jenis list, kita menggunakan type. Hasilnya akan seperti di bawah:

                                    Cara menggunakan tipe ul html

                                    3. Dengan Tag

                                    Tag

                                    merupakan singkatan dari definition list. Dengan menggunakan tag ini kita juga bisa membuat list. Memang kurang populer dalam beberapa halaman website. Kebanyakan halaman website menggunakan tag
                                      maupun tag
                                        ketika akan membuat sebuah list.

                                        Di dalam tag

                                        ini terdapat tag
                                        dan
                                        . Apa itu tag
                                        dan tag
                                        ? Tag
                                        adalah induk dari list dan tag
                                        adalah anak dari list. Jika bingung, kita langsung lihat saja contohnya:

                                        [bahasa kode sumber =”polos”]


                                        Pos pertama

                                        Ini adalah postingan pertama

                                        Tulisan kedua

                                        Ini adalah postingan kedua

                                        Tulisan ketiga

                                        Ini adalah postingan ketiga


                                        [/Kode sumber]

                                        Maka hasilnya akan seperti di bawah ini

                                        Cara menggunakan tipe ul html

                                        Buat Daftar Bersarang

                                        Jika sebelumnya kita sudah membuat list sederhana, sekarang mari kita coba membuat nested list. Daftar bersarang adalah daftar di dalam daftar. Contohnya adalah sebagai berikut

                                        Cara menggunakan tipe ul html

                                        Pernahkah Anda membayangkan bagaimana cara membuat nested list seperti di atas?

                                        [bahasa kode sumber =”polos”]


                                        1. Pertama


                                          • Nama. Alexandromeo

                                          • NIM. 1


                                        2. Kedua


                                          • Nama. Lawrence

                                          • NIM. 2


                                        3. Ketiga


                                          • Nama. Gunawan

                                          • NIM. 3



                                        [/Kode sumber]

                                        Nah itulah penjelasan cara membuat list HTML dengan menggunakan tag ul, ol, dan dl. Jika Anda memiliki pertanyaan, silakan tanyakan di bagian komentar. Terima kasih

                                        Untuk apa UL dalam HTML?

                                        HTML elemen ul (un-ordered list) adalah elemen HTML yang digunakan untuk menampilkan daftar (list) berupa bullet details. Daftar yang ditampilkan tidak berupa angka atau huruf melainkan ditampilkan dalam bentuk bullet atau titik kecil sebagai penanda daftar.

                                        Apa itu UL dan OL dalam HTML?

                                        Tag Ol or ordered list adalah tag untuk urutkan daftar menggunakan angka, huruf dan angka romawi di HTML . Sedangkan ul atau unordered list adalah tag untuk mengurutkan daftar dengan menggunakan simbol atau karakter khusus pada HTML.

                                        Apa yang dimaksud dengan UL?

                                        Unordered List atau biasa kita sebut dengan "ul" adalah jenis list yang berbentuk titik , Unordered List atau UL itu sendiri adalah juga sering disebut Daftar Peluru karena bentuk titik-titiknya yang melingkar.

                                        Bagaimana cara membuat tautan menggunakan kode HTML?

                                        Cara Membuat Tautan di HTML Tautan di HTML dapat dibuat dengan tag URL < a i=8> tujuan dari < a i=8> tujuan dari tujuan dari tautan . Tautan akan ditampilkan dengan warna biru dan bergaris bawah. Ini adalah gaya standar setiap browser. Tentu saja, ini bisa kita ubah sesuai selera.

kode html

Pos Terkait

Apakah macro dapat digunakan di google spreadsheet?
Apakah macro dapat digunakan di google spreadsheet?

Cara membuat variabel di loop python
Cara membuat variabel di loop python

Bagaimana Anda mendefinisikan matriks 3 3 dengan python?
Bagaimana Anda mendefinisikan matriks 3 3 dengan python?

Cara menggunakan sistem komentar php pdo
Cara menggunakan sistem komentar php pdo

Cara menggunakan php benchmark script
Cara menggunakan php benchmark script

Apakah php mudah untuk pemula?
Apakah php mudah untuk pemula?

Bagaimana cara menambahkan baris dalam sel di google sheets?
Bagaimana cara menambahkan baris dalam sel di google sheets?

Bagaimana cara mentransfer data dari excel ke email?
Bagaimana cara mentransfer data dari excel ke email?

Cara mengubah file teks menjadi matriks dengan python
Cara mengubah file teks menjadi matriks dengan python

Bagaimana cara saya terhubung ke database aws mysql di meja kerja?
Bagaimana cara saya terhubung ke database aws mysql di meja kerja?

Periklanan

BERITA TERKINI

Apakah fungsi data cleaning dalam python?
1 years ago . by UndiscoveredDucking
Cara cek kartu kredit bca aktif atau tidak
1 years ago . by MythicalCoverage
Cara menggunakan setcookie not working javascript
1 years ago . by DrabServitude
Cara menggunakan fungsi struktur html
1 years ago . by ParticipatingAdvert
Which MySQL edition used for physical backup?
1 years ago . by HeedlessLikeness
Php imagemagick pdf ke png kualitas tinggi
1 years ago . by QuietRegularity
Cara menggunakan python raise typeerror
1 years ago . by DifficultImmunization
Cara mengisi game di ps 3
1 years ago . by VeterinaryReviewer
Bagaimana Anda memeriksa apakah saya sudah menginstal mysql?
1 years ago . by PriestlyDonkey
Mengapa gambar tidak ditampilkan di html?
1 years ago . by High-qualityWidget

Toplist Popular

#1
Top 7 os elementos da paisagem descritos no texto correspondem a aspectos biogeográficos presentes na 2022
1 years ago
#2
Top 6 a energia nuclear é uma alternativa aos combustíveis fósseis que, se não gerenciada de forma correta 2022
1 years ago
#3
Top 6 a persistência das reivindicações relativas à aplicação desse preceito normativo tem em vista 2022
1 years ago
#4
Top 7 wie viele zigaretten sind ein shisha kopf 2022
2 years ago
#5
Top 7 wie viel kostet eine badewanne voll wasser 2022
2 years ago
#6
Top 8 golf 7 standheizung fernbedienung anlernen 2022
2 years ago
#7
Top 8 sky receiver aufnehmen nicht möglich ohne abo 2022
2 years ago
#8
Top 5 einhell kgsz 300 ug sägeblatt wechseln 2022
2 years ago
#9
Top 7 renault clio 3 abblendlicht wechseln anleitung 2022
2 years ago
#10
Top 8 outlook diese datendatei ist mit einem e-mail-konto verbunden 2022
2 years ago

Periklanan

Terpopuler

Periklanan

Tentang Kami

Legal

Dukungan

Social

homeentrdeptjp
Copyright © 2024 membukakan Inc.