Bagaimana untuk menyelaraskan senarai tidak teratur dalam HTML

Pengarang: John Stephens
Tarikh Penciptaan: 1 Januari 2021
Tarikh Kemas Kini: 28 November 2024
Anonim
Panduan Lengkap untuk Borang Google - Penyiasatan Dalam Talian dan Alat Pengumpulan Data!
Video.: Panduan Lengkap untuk Borang Google - Penyiasatan Dalam Talian dan Alat Pengumpulan Data!

Kandungan

Pereka web menggunakan senarai "tidak disusun" atau "penanda buku" untuk lebih daripada sekadar menambah penanda buku dan teks. Tag HTML yang digunakan untuk membuat senarai tidak disusun berguna untuk membuat menu dan menganjurkan imej untuk JavaScript untuk dimasukkan ke dalam pembentangan. Belajar bagaimana menggunakan CSS (Cascading Style Sheet) bersama-sama dengan senarai ini akan membuka banyak kemungkinan reka bentuk web. Menyelaraskan senarai yang tidak disusun adalah kemahiran yang sangat penting untuk dipertingkatkan.


Arahan

Gunakan kod CSS untuk menyelaraskan senarai yang tidak disusun dalam HTML (Jupiterimages / Photos.com / Getty Images)

  1. Buka fail HTML yang mengandungi senarai yang tidak disusun dan lihat melalui tag dan , di bahagian atas kod. Tambah tag> dan jika mereka belum hadir. Jika kod anda mengandungi tag

  2. di suatu tempat selepas itu, dan ia mengandungi rujukan ke fail CSS, buka fail itu. Kod CSS anda akan pergi di antara> dan atau dalam baris baru fail CSS anda.

  3. Sejajarkan teks dalam penanda halaman dengan menetapkan sifat "teks-jajahan" tag anda

      . Ini melibatkan tag
    • dan
      • untuk menentukan mereka sebagai sebahagian daripada senarai tunggal. Apabila anda menyelaraskan teks dalam teg
        , semua elemen dalam senarai akan terjejas, tetapi bukan senarai itu sendiri, ke kiri atau kanan halaman. Sebagai contoh menggunakan kod CSS untuk menetapkan sifat "jajaran teks", gunakan "ul {text-align: right;}". Perhatikan bahawa penanda tidak akan bergerak dengan teks. Dalam kes ini, mereka akan berada di sebelah kiri.

  4. Jajarkan seluruh senarai ke kiri atau kanan halaman dengan menetapkan "float" tag anda

      . Harta ini memberi kesan kepada keseluruhan senarai dengan mengalihkannya ke kiri atau kanan halaman. Tulis kod "ul {float: right;}".

      Anda boleh menetapkan harta ini di kiri atau kanan, tetapi tidak ke pusat.


  5. Tutup tag anda

      dengan tag dan untuk membuat bungkus yang akan memusatkan senarai pada halaman. Kod akan kelihatan seperti ini: "
      • Senarai elemen
      • Senarai elemen
      '.

      Teg tidak akan menyelaraskan apa-apa dengan sendirinya; anda harus menggunakan CSS untuk memusatkan segalanya. Tambah kod berikut di antara> tag atau dalam fail CSS anda untuk memusatkan senarai: "div {display: block; text-align: center;} ul {display: inline-block; text-align: left;}".