Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah tiga kategori teg html5?

Apakah tiga kategori teg html5?

青灯夜游
青灯夜游asal
2022-05-18 16:36:453941semak imbas

Terdapat tiga jenis teg HTML5: 1. Elemen peringkat blok, yang nilai paparannya ialah "blok", dicirikan dengan dapat menetapkan lebar, tinggi, jidar dan pembalut garisan automatik 2. sebaris elemen, yang nilai paparannya ialah "blok" "sebaris" tidak akan membalut secara automatik, dan lebar dan tinggi tidak boleh ditetapkan 3. Unsur blok sebaris tidak akan membalut secara automatik, dan lebar dan tinggi boleh ditetapkan;

Apakah tiga kategori teg html5?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Klasifikasi tag html5

tag juga dipanggil elemen

  • mengikut ciri teg . Dibahagikan kepada: tag blok, tag sebaris (sebaris), tag blok sebaris

  • Mengikut peraturan penutupan teg, ia boleh dibahagikan kepada: tag tunggal (tag kosong, tutup sendiri tag), tag berganda

Elemen blok yang biasa digunakan:

....

; >

Ciri elemen peringkat blok:

paparan:<p><code class="marker">block;

display:<strong><code class="marker">block;1 Setiap elemen peringkat blok bermula pada baris baharu, dan elemen seterusnya juga bermula pada baris baharu. 2. Nilai ketinggian, lebar, ketinggian garisan dan jidar serta padding pada bahagian atas, bawah, kiri dan kanan elemen boleh ditetapkan.

3. Jika lebar elemen tidak ditetapkan, ia adalah 100% daripada bekas induknya (sama dengan lebar elemen induk), melainkan lebar ditetapkan.

Ciri elemen sebaris:

paparan:sebaris

;display:inlineTidak boleh ditetapkan (hanya jidar dan padding dalam arah kiri dan kanan disokong); berubah.

Ciri-ciri elemen blok sebaris: display:inline-block;<p></p> <p><span style="color:#B22222"></span>1 elemen lain berada pada baris yang sama; ketinggian, lebar, ketinggian garis, jidar atas dan bawah bagi elemen <span style="color:#B22222"></span>2 dan <span style="color:#B22222"><strong> boleh ditetapkan. </strong></span> (Menyokong jidar atas, bawah, kiri dan kanan serta nilai padding) </p> <p>3 Margin:0 auto tidak sah </p> <p>4 1 ruang secara lalai Gaps, kerana terdapat pemulangan pengangkutan dan suapan baris antara elemen dalam HTML, dan penyemak imbas akan menghuraikannya ke dalam ruang. <span style="font-size: 16px;"><strong><code class="marker">display:inline-block; Penukaran jenis teg

Jenis teg boleh ditukar:

Tetapan display:inline Tukar kepada elemen inline

Set display:linline-block

Tukar ke inline block element

Tetapkan paparan:sekat untuk menukar kepada elemen peringkat blok

    (Belajar perkongsian video:
  • tutorial video html

    , display:inlinedepan web -akhir

    )

Atas ialah kandungan terperinci Apakah tiga kategori teg html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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