Rumah > hujung hadapan web > html tutorial > Atribut tag div dalam html

Atribut tag div dalam html

下次还敢
Lepaskan: 2024-04-27 21:18:32
asal
608 orang telah melayarinya

Teg div ialah elemen peringkat blok yang digunakan untuk membuat atau membahagikan kawasan halaman Atributnya termasuk: atribut umum: id, atribut kandungan kelas: jajar, atribut reka letak gaya: lebar, tinggi, padding, jidar atribut lain: lang, dir. , tajuk, data-*

Atribut tag div dalam html

Atribut teg div

Teg div ialah elemen peringkat blok dalam HTML yang digunakan untuk mencipta atau membahagikan kawasan pada halaman. Ia mempunyai atribut berikut:

Atribut umum

  • id: Menentukan pengecam unik elemen div.
  • kelas: Tambah satu atau lebih nama kelas pada elemen div untuk menggunakan gaya CSS.

Atribut kandungan

  • jajaran: Tetapkan penjajaran kandungan dalam elemen div, seperti kiri, kanan, tengah.
  • gaya: Tetapkan gaya elemen div dalam baris, termasuk warna, fon, latar belakang, dsb.

Sifat susun atur

  • lebar: Tetapkan lebar elemen div.
  • tinggi: Tetapkan ketinggian elemen div.
  • padding: Menambahkan ruang antara tepi dalam elemen div dan kandungannya.
  • margin: Menambah ruang antara tepi luar elemen div dan elemen bersebelahan.

Atribut lain

  • lang: Nyatakan bahasa kandungan dalam elemen div.
  • dir: Nyatakan arah teks kandungan dalam elemen div, seperti ltr (kiri ke kanan) atau rtl (kanan ke kiri).
  • tajuk: Menyediakan teks petua alat untuk elemen div.
  • data-*: Atribut data tersuai yang digunakan untuk menyimpan data yang berkaitan dengan elemen div.

Contoh

<code class="html"><div id="myDiv" class="container" style="width: 500px; height: 300px; padding: 10px;">
  <h1>标题</h1>
  <p>段落</p>
</div></code>
Salin selepas log masuk

Dalam contoh ini, elemen div mempunyai atribut berikut:

  • id="myDiv": pengecam unik
  • class="container": nama kelas
  • ="gaya kelas
  • =" ..": Gaya sebaris, termasuk lebar, tinggi dan padding
  • data-* atribut digunakan untuk menyimpan data tersuai

Atas ialah kandungan terperinci Atribut tag div dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
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