Rumah > hujung hadapan web > html tutorial > Elemen peringkat blok HTML biasa: Pengenalan ringkas kepada elemen peringkat blok yang biasa digunakan dalam HTML

Elemen peringkat blok HTML biasa: Pengenalan ringkas kepada elemen peringkat blok yang biasa digunakan dalam HTML

WBOY
Lepaskan: 2023-12-23 11:57:14
asal
1234 orang telah melayarinya

Elemen peringkat blok HTML biasa: Pengenalan ringkas kepada elemen peringkat blok yang biasa digunakan dalam HTML

Elemen peringkat blok HTML biasa: Pengenalan ringkas kepada elemen peringkat blok yang biasa digunakan dalam HTML, contoh kod khusus diperlukan

HTML (Hypertext Markup Language) ialah bahasa penanda yang digunakan untuk mencipta struktur dan kandungan web muka surat. Ia terdiri daripada pelbagai teg, yang mana elemen peringkat blok adalah jenis biasa. Elemen peringkat blok merujuk kepada elemen yang menduduki keseluruhan baris dalam dokumen HTML dan dipaparkan dalam baris baharu.

Terdapat banyak elemen peringkat blok HTML biasa Di bawah kami akan memperkenalkan beberapa elemen peringkat blok yang biasa digunakan dan memberikan contoh kod yang sepadan.

  1. elemen: digunakan untuk membalut sekumpulan elemen berkaitan, biasanya digunakan untuk reka letak dan kawalan gaya.

    Contoh kod:

    <div>
      <h1>这是一个标题</h1>
      <p>这是一个段落</p>
      <img src="image.jpg" alt="图片">
    </div>
    Salin selepas log masuk
    1. elemen: digunakan untuk mewakili teks perenggan.

    Contoh kod:

    <p>这是一个段落文本。</p>
    Salin selepas log masuk
    1. untuk

      elemen: digunakan untuk mewakili tajuk, dengan

    Contoh kod:

    <h1>这是一个一级标题</h1>
    <h2>这是一个二级标题</h2>
    Salin selepas log masuk
      • dan
      • elemen: digunakan untuk membuat senarai tidak teratur.

    Contoh kod:

    <ul>
      <li>列表项1</li>
      <li>列表项2</li>
      <li>列表项3</li>
    </ul>
    Salin selepas log masuk
      1. dan
      2. digunakan untuk membuat senarai tersusun.

      Contoh kod:

      <ol>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
      </ol>
      Salin selepas log masuk
      1. , dan
        elemen: digunakan untuk mencipta jadual.

      Contoh kod:

      <table>
        <tr>
          <td>单元格1</td>
          <td>单元格2</td>
        </tr>
        <tr>
          <td>单元格3</td>
          <td>单元格4</td>
        </tr>
      </table>
      Salin selepas log masuk
      1. elemen: digunakan untuk mencipta borang.

      Contoh kod:

      <form>
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name">
        <br>
        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email">
        <br>
        <input type="submit" value="提交">
      </form>
      Salin selepas log masuk

      Menggunakan elemen peringkat blok ini dalam HTML boleh menjadikan halaman web mempunyai struktur dan kebolehbacaan yang lebih baik. Dengan menggunakan elemen ini dengan sewajarnya, anda boleh mencipta pelbagai halaman web yang cantik. Anda disyorkan agar menggunakan sepenuhnya elemen peringkat blok ini semasa menulis kod HTML untuk meningkatkan kebolehselenggaraan dan kebolehskalaan kod.

Atas ialah kandungan terperinci Elemen peringkat blok HTML biasa: Pengenalan ringkas kepada elemen peringkat blok yang biasa digunakan dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan