Ajar anda langkah demi langkah untuk menambah senarai tersusun dan senarai tidak tersusun pada teks html (penjelasan kod terperinci)-html tutorial-php.cn

Ajar anda langkah demi langkah untuk menambah senarai tersusun dan senarai tidak tersusun pada teks html (penjelasan kod terperinci)

奋力向前

Lepaskan： 2021-08-16 17:39:20

asal

7172 orang telah melayarinya

Dalam artikel sebelumnya "Ajar anda cara menggunakan css untuk menambah imej latar belakang pada fon HTML (perkongsian kod) ", saya memperkenalkan anda cara menggunakan css untuk menambah imej latar belakang pada fon HTML . Artikel berikut akan memperkenalkan kepada anda cara menambah senarai tersusun dan senarai tidak tersusun pada teks dalam HTML Mari lihat cara melakukannya bersama-sama.

Ajar anda langkah demi langkah untuk menambah senarai tersusun dan senarai tidak tersusun pada teks html (penjelasan kod terperinci)

Cara menambah senarai tertib dan senarai tidak tersusun pada teks html

1 Mula-mula buka dokumen html, masukkan nbsp;html> dan kemudian Artikel ini.

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
</html>

Salin selepas log masuk

2. Teg ini <ul> dipanggil teg senarai tidak tersusun, ia juga mesti mengandungi sesuatu yang dipanggil <li> , dengan memberi anda contoh kod.

Contoh kod

<ul>
    <li>我喜欢吃苹果</li>
    <li>我喜欢吃西瓜</li>
    <li>我喜欢吃香蕉</li>
    <li>我喜欢吃火龙果</li>
</ul>

Salin selepas log masuk

Kesan kod

Ajar anda langkah demi langkah untuk menambah senarai tersusun dan senarai tidak tersusun pada teks html (penjelasan kod terperinci)

Senarai tidak tertib<Li> boleh tanpa had, dan semua kandungan yang lain boleh diletakkan di dalam <li>.

Mari lihat sama ada kita boleh meletakkan tag <a> di dalam li. Mari kita lihat

Sampel kod

<ul>
    <li>我喜欢吃苹果</li>
    <li>我喜欢吃西瓜</li>
    <li>我喜欢吃香蕉</li>
    <li>我喜欢吃火龙果</li>
    <li><a href="https://www.baidu.com/">我要打开百度</a></li>
</ul>

Salin selepas log masuk

Kesan kod

Ajar anda langkah demi langkah untuk menambah senarai tersusun dan senarai tidak tersusun pada teks html (penjelasan kod terperinci)

Selepas ia keluar, ia adalah OK, tetapi ia tidak boleh dilakukan pada penyemak imbas peringkat rendah Biasanya, hanya terdapat lapisan pertama di bawah ul Ini adalah penggunaan asas senarai tidak tertib kami.

3. Teg ini <ol> dipanggil teg senarai tertib Ia sama dengan <ul> Ia mesti mengandungi dua teg yang dipanggil li.

Contoh kod

<ol>
    <li>我喜欢吃苹果</li>
    <li>我喜欢吃西瓜</li>
    <li>我喜欢吃香蕉</li>
    <li>我喜欢吃火龙果</li>
    <li><a href="https://www.baidu.com/">我要打开百度</a></li>
</ol>

Salin selepas log masuk

Kesan kod

Ajar anda langkah demi langkah untuk menambah senarai tersusun dan senarai tidak tersusun pada teks html (penjelasan kod terperinci)

Malah, ini dua pada dasarnya saya bermain-main dengan dua teg yang lebih penting dalam html ini. Terdapat satu lagi yang dipanggil <ul>, satu dipanggil <ol>, satu dipanggil senarai tidak tersusun, dan satu dipanggil senarai tertib kaedah asas adalah konsisten.

Pembelajaran yang disyorkan: Tutorial video html

Atas ialah kandungan terperinci Ajar anda langkah demi langkah untuk menambah senarai tersusun dan senarai tidak tersusun pada teks html (penjelasan kod terperinci). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!