Gaya Senarai HTML-html tutorial-php.cn

Gaya Senarai HTML

PHPz

Lepaskan： 2024-09-04 16:16:13

asal

743 orang telah melayarinya

Senarai ialah keperluan biasa untuk meletakkan data dalam cara yang diformatkan, seperti jika anda telah membuat halaman web di mana anda perlu memaparkan kandungan menu piza hotel, kemungkinan besar ia akan menjadi gaya senarai HTML yang akan muncul dalam cara yang jelas dan diskret.
Kes lain boleh berlaku apabila anda mempunyai satu set pangkat pelajar yang muncul dalam kalangan berprestasi terbaik dalam kelas; dalam konteks ini, keperluan adalah untuk meletakkan pelajar kedudukan 1 di bahagian atas dan yang lain di bawahnya dalam susunan kedudukan yang semakin meningkat, untuk itu kita perlu memformat ini ke dalam senarai yang diisih.
Jenis lain boleh menjadi senarai tersuai yang boleh anda buat menggunakan Javascript dan Html bersama-sama, di mana dinamik dalam objek boleh disediakan juga dan senarai boleh mengambil beberapa pandangan tersuai.

Gaya Senarai Berbeza dalam HTML

Di bawah adalah pelbagai gaya senarai HTML diterangkan.

1) Senarai Tidak Tersusun

Di sini susunan paparan kandungan bukanlah sesuatu yang perlu kita ambil berat; cuma kita perlu meletakkan perkara itu dengan baik, supaya halaman HTML meletakkannya di hadapan pengguna dengan cara yang diformat dengan baik dan jelas.

Terdapat dua teg dalam bahasa HTML yang mengendalikan senarai ini dan kemungkinan besar anda boleh membuat bar navigasi dan bar sisi menegak menggunakan teg ini sahaja.

- : ini mewakili item senarai, set item yang akan diletakkan dalam senarai tidak tersusun iaitu di bawah
  - tag. Item yang ditandakan dengan penanda ini akan secara automatik membawa beberapa peluru atau bulatan pada permulaannya; ini ialah ciri HTML asas.

Sekarang mari kita lihat sekeping kod untuk

berdasarkan senarai tidak tersusun dan bagaimana halaman HTML akan kelihatan; sebaik sahaja anda melaksanakan fail itu, ambil perhatian bahawa anda boleh menulis dalam editor seperti notepad dan menyimpan fail dengan sambungan ".html"; oleh itu ia boleh dibuka dengan mana-mana pelayar.

Contoh Coretan –

Kod:
```
<html>
<head> HTML Lists </head>
<body>
<h2> list of pizzas <h2>
<ul>
<li style="color:red"> farmhouse </li>
<li style="color:green"> peppy paneer </li>
<li style="color:blue"> onion pizza </li>
</ul>
</body>
</html>
```
Salin selepas log masuk
Output:

2) Senarai Tempahan

Sekarang akan melihat kes di mana kami ingin meletakkan pelajar dalam cara yang teratur berdasarkan pangkat mereka dalam kelas, dan ini akan muncul dalam cara yang disusun dengan menggunakan
1. tag, ia akan mempunyai item senarai di dalamnya.
  1. tag.
  2. tag telah dijelaskan di atas.
    
    Untuk kes ini, mari lihat contoh juga, dan anda perlu menyimpannya seperti yang dilakukan di atas.
    
    Kod:
```
<html>
<head> HTML Lists </head>
<body>
<h2> list of students <h2>
<ol>
<li style="color:red"> John </li>
<li style="color:green"> Harris </li>
<li style="color:blue"> Plunket </li>
</ol>
</body>
</html>
```
    Salin selepas log masuk
    Halaman Output/ HTML
    
    Sekarang mari kita lihat beberapa varian ini di mana kita boleh menyesuaikan atau memformat senarai ini dengan baik hanya dengan menambahkan beberapa sifat CSS ke dalam halaman HTML, yang akan menjadikan penampilan halaman kelihatan lebih baik.
    1. Dalam senarai tidak tersusun, kami mempunyai sifat berikut yang boleh diberikan -
    2. Jenis gaya senarai – boleh berbentuk cakera, bulatan, segi empat sama atau tiada. Jadi kalangan yang anda lihat dalam item senarai tidak tersusun tidak akan muncul jika kami tidak memilih satu pun di sini, mari lakukannya.
    Contoh –
    
    Kod:
```
<html>
<head> HTML Lists </head>
<body>
<h2> list of students <h2>
<ul style="list-style-type:none">
<li style="color:red"> John </li>
<li style="color:green"> Harris </li>
<li style="color:blue"> Plunket </li>
</ul>
</body>
</html>
```
    Salin selepas log masuk
    Halaman Output/ HTML –
    
    Jadi, peluru bulatan tidak lagi wujud; anda boleh menyesuaikannya dengan pilihan yang disediakan di atas.
    
    Begitu juga, terdapat peruntukan untuk memilih sama ada nilai senarai pesanan akan muncul dengan angka atau Roman atau abjad dalam senarai pesanan.
    
    Anda boleh menetapkan jenis harta dalam