Apakah tiga kategori teg html5?

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;

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!

Label berkaitan：

html html5

sumber：php.cn

Artikel sebelumnya：Adakah angka teg baharu dalam html5? Artikel seterusnya：Bagaimana untuk menukar perpuluhan kepada binari dalam jquery

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

Artikel terbaru oleh pengarang

• Fahami sentinel di Redis secara mendalam
  2023-04-26 17:59:18
• [Organisasi dan perkongsian] 7 alat pengurusan keadaan React yang popular
  2023-04-26 17:47:48
• Sebuah artikel membincangkan perbezaan antara kunci dalam Vue2 dan kunci dalam Vue3
  2023-04-26 17:41:42
• Artikel tentang kawalan memori dalam Node
  2023-04-26 17:37:05
• Berkongsi kemahiran Excel praktikal: 4 petua untuk memadamkan nilai pendua!
  2023-04-26 17:31:25
• Berkongsi kemahiran Word praktikal: Fungsi penukaran antara Cina Ringkas dan Tradisional boleh digunakan dengan cara ini!
  2023-04-26 17:27:32
• Bagaimana untuk menyelesaikan isu merentas domain? Analisis ringkas penyelesaian biasa
  2023-04-25 19:57:58
• Satu artikel untuk memahami corak tunggal dalam JavaScript
  2023-04-25 19:53:11
• Ketahui lebih lanjut tentang Penampan dalam Node
  2023-04-25 19:49:11
• Terokai cara menulis ujian unit dalam Vue3
  2023-04-25 19:41:54

Isu terkini

Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...

daripada 2024-04-06 15:33:12

0

1

433

Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...

daripada 2024-04-05 12:57:00

0

1

456

Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...

daripada 2024-04-02 11:47:56

0

1

275

Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....

daripada 2024-04-01 20:42:38

0

1

259

Topik-topik yang berkaitan

Lagi>

• simbol hak cipta html
• html editor dalam talian
• penghasilan laman web html
• ruang html
• apa itu html
• Bagaimana untuk menetapkan saiz fon html
• html kepada txt
• Bagaimana untuk menulis kod kotak teks html