Komputer, Pemrograman

Cara membuat daftar dalam daftar. HTML-manual untuk pemula

Halaman situs web terdiri dari banyak elemen - tabel, gambar, tautan, file media, daftar. Salah satu item yang paling banyak dicari hanyalah daftarnya. Dengan bantuannya, Anda dapat mengatur informasi, mengirimkannya dalam bentuk yang lebih ringkas dan mudah dimengerti, untuk memudahkan persepsi. Itulah mengapa Anda harus tahu bagaimana membuat daftar di HTML dan daftar jenis apa yang ada. Dan juga belajar cara mengatur parameter yang diperlukan.

Jenis daftar

Pertama, mari garis besar jenis daftar utama yang dengannya kita bisa bekerja. Ini adalah daftar pesanan, unordered dan drop-down.

Yang pertama memungkinkan Anda memasukkan nomor dengan angka dan huruf. Yang kedua adalah penghitungan normal item tersebut atau item lainnya, yang ketiga memungkinkan Anda memilih dari keseluruhan daftar elemen yang diinginkan.

Hampir masing-masing bisa berisi daftar dalam daftar. HTML memungkinkan Anda untuk dengan mudah membuat daftar informasi yang rumit dalam waktu yang sangat singkat.

Pertama-tama, putuskan daftar mana yang Anda butuhkan, lalu lanjutkan untuk membuatnya. Di bawah ini kita akan melihat ketiga jenis daftar dan mencari tahu bagaimana cara membuatnya dan parameter apa yang mereka miliki.

Daftar yang dipesan

Mari kita mulai dengan daftar yang paling sering digunakan dan didistribusikan - tertib. Dalam kasus ini, pencacahan informasi tertentu berjalan dalam urutan tertentu, dan masing-masing unsur diberi nomor. Misalnya, daftar kelas:

  1. Ivanov.
  2. Petrov.
  3. Sidorov, dan seterusnya.

Daftar ini ditentukan dengan menggunakan tag pasangan

    dan . Ini dimulai dengan tag pembuka
      , dan diakhiri dengan tag . Setiap elemen baru dari daftar dimulai dengan tag pasangan
    1. dan diakhiri dengan penutup .

      Sekarang Anda tahu bagaimana membuat daftar HTML. Seperti yang bisa Anda lihat, untuk ini cukup untuk mengingat hanya dua tag.

      Sedikit tentang parameter tag tipe

        Dan Mulai

        Yang pertama menentukan jenis penomoran - abjad atau numerik. Ini bisa mengambil parameter seperti: A, a, I, i, 1.

        Dua nilai pertama diberi nomor dalam huruf Latin - huruf besar dan huruf kecil, dua angka besar - besar dan kecil Romawi, nilai terakhir digunakan jika Anda ingin daftar tersebut diberi nomor dengan angka Arab.

        Perlu dicatat bahwa dalam daftar default, penomoran selalu ditentukan dengan menggunakan angka Arab.

        Parameter kedua - start - menentukan nomor dari mana penomoran daftar dimulai.

        Katakanlah beberapa kata dan tentang parameter tag

      1. . Dia juga memiliki dua. Parameter nilai pertama dapat mengubah urutan penomoran. Dan akan berubah sampai saat parameter ini tidak terdaftar lagi (atau sampai akhir dari keseluruhan daftar).

        Tipe parameter kedua - akan membantu mengubah jenis penomoran untuk item ini. Cukup sering ada varian dari daftar yang kompleks. Misalnya, buat perkiraan rencana penulisan :

        1. Pendahuluan.
        2. Bagian utamanya.
          A) pendapat orang lain;
          C) pendapat saya;
          C) Bukti.
        3. Kesimpulan.

        Ini cukup mudah untuk membuat daftar seperti itu dalam daftar HTML. Cukup tulis satu daftar utama, lalu buat sub-item kedua di tempat yang tepat dengan menggunakan penomoran yang berbeda. Berikut adalah contoh kode berdasarkan daftar kami:

          • .
          2. 1. Pendahuluan .
          4. 2. Bagian utama .
          7. pendapat orang lain .
          9. Pendapat saya .
          11. bukti .
          12. .
          14. 3. Kesimpulan .
          15. .

        Daftar tak berurutan

        Daftar kedua adalah unordered. Tidak masalah di mana urutan elemen pergi. Ini bisa jadi daftar apapun - pembelian, tamu, buku, dll.

        Daftar ini ditentukan menggunakan tag pasangan

          dan . Dalam kasus ini, setiap elemen baru dimulai dengan tag pasangan yang sama
        • .

          Ini hanya memiliki satu jenis parameter, yang menentukan jenis penanda. Penanda itu bisa dilukis dengan lingkaran atau tidak, begitu juga dengan kotak yang dicat. Jadi, lingkaran kosong memiliki nilai disc, lingkaran berbayang. Kuadrat ditentukan menggunakan kotak.

          Ada juga kemungkinan untuk membuat daftar dalam daftar HTML. Untuk ini, seperti dalam kasus pertama, Anda harus membuat dua daftar, yang salah satunya adalah daftar utama, yang kedua disarangkan.

          Daftar drop-down

          Dan jenis daftar terakhir adalah menu tarik-turun. Pada dasarnya, ini digunakan dengan skrip dan berfungsi untuk memungkinkan pengguna mengirimkan informasi ini atau itu kepada pemilik situs atau program tertentu.

          Contoh dapat berupa daftar dari mana Anda harus memilih negara tempat tinggal, tempat studi atau pekerjaan, tanggal lahir, evaluasi artikel, dll. Pada saat yang sama, Anda memilih barang yang Anda butuhkan dalam daftar sebelum mengirim informasinya.

          Sebagai gantinya, kami menyebutkan tag yang membantu membuat daftar drop-down. HTML tidak memiliki fungsionalitas penuh untuk membuat data daftar. Perhatikan bahwa ketika bekerja dengan jenis daftar ini, Anda perlu mengetahui tidak hanya dasar-dasar tata letak halaman, tetapi juga memiliki pemahaman tentang gaya CSS dan skrip java.

          Daftar itu sendiri ditentukan menggunakan tag pasangan