Elemen blok umumnya merupakan elemen wadah untuk elemen lain. Elemen blok umumnya dimulai pada baris baru. Elemen blok dapat mengakomodasi elemen blok lainnya. Elemen blok yang umum adalah tag paragraf 'P' Luar biasa, hanya bisa digunakan untuk menampung elemen blok lainnya. Tanpa bantuan CSS, elemen blok akan disusun satu baris dalam satu waktu. Dengan CSS, kita dapat mengubah mode tata letak default HTML ini dan menempatkan elemen blok di tempat yang Anda inginkan. Daripada dengan bodohnya memulai baris baru setiap saat. Perlu diperhatikan bahwa tag tabel juga merupakan jenis elemen blok. Tata letak berbasis tabel dan tata letak berbasis css melihat kedua tata letak ini dari sudut pandang pengguna biasa (tidak termasuk orang tunanetra, orang buta, dll.), kecuali untuk kecepatan memuat halaman. Kecuali perbedaannya, tidak ada perbedaan lainnya. Namun jika pengguna biasa secara tidak sengaja mengklik tombol lihat kode sumber halaman, perbedaan keduanya akan sangat besar. Kode sumber halaman tata letak CSS yang dirancang berdasarkan konsep rekonstruksi yang baik setidaknya dapat memungkinkan pengguna biasa tanpa pengalaman pengembangan web untuk memahami konten dengan cepat. Dari perspektif ini, kode tata letak css seharusnya memiliki pengalaman estetika yang lebih baik. Anda dapat menganggap div elemen wadah blok sebagai kotak, atau jika Anda pernah bermain-main dengan kliping, ini akan lebih mudah untuk dipahami. Kami pertama-tama memotong artikel yang diperlukan dari berbagai surat kabar dan majalah. Setiap bagian dari konten yang dipotong adalah satu blok. Kemudian kami merekatkan potongan-potongan kertas tersebut ke selembar kertas kosong baru sesuai dengan maksud tata letak kami. Ini akan membentuk abstrak unik Anda sendiri. Sebagai perpanjangan dari teknologi, desain tata letak web mengikuti pola yang sama. Elemen sebaris umumnya didasarkan pada elemen dasar pada tingkat semantik. Elemen sebaris hanya dapat menampung teks atau elemen sebaris lainnya, dan elemen sebaris yang umum "a" adalah. Perlu dicatat bahwa nama Cina untuk elemen inline mencakup berbagai elemen inline, elemen inline, elemen inline, dan elemen inline. Pada dasarnya tidak ada terjemahan terpadu, sebut saja sesuka Anda. Selain itu, ketika berbicara tentang elemen sebaris, kita akan memikirkan atribut tampilan yang disebut display:inline; atribut ini dapat memperbaiki masalah batas mengambang ganda IE yang terkenal. Elemen blok (block elemen) dan elemen inline (elemen inline) adalah konsep dalam spesifikasi HTML. Perbedaan mendasar antara elemen blok dan elemen sebaris adalah bahwa elemen blok umumnya dimulai pada baris baru. Ketika kontrol CSS ditambahkan, perbedaan atribut antara elemen blok dan elemen sebaris tidak lagi menjadi perbedaan. Misalnya, kita dapat menambahkan atribut seperti display:block ke elemen inline cite, sehingga elemen tersebut juga memiliki atribut memulai dari baris baru setiap saat. Elemen variabel didasarkan pada dua hal di atas dan berubah seiring dengan lingkungan. Konsep dasarnya adalah perlu menentukan apakah elemen tersebut merupakan elemen blok atau elemen inline berdasarkan konteksnya. Elemen variabel masih termasuk dalam dua kategori elemen di atas. Setelah konteks menentukan kategorinya, maka harus mengikuti aturan elemen blok atau elemen inline. Detail klasifikasi blok dan sebaris dari tag html: elemen blok div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber elemen sebaris div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber elemen yang bisa berubah div css xhtml xml Contoh Kode Sumber Contoh Kode Sumber
◎ alamat - alamat ◎ blockquote - block quote ◎ center - blok penyelarasan ◎ dir - daftar direktori ◎ div - kenyamanan tingkat blok yang umum digunakan, juga tag utama tata letak CSS ◎ dl - daftar definisi ◎ fieldset - grup kontrol formulir ◎ formulir - interaksi Formulir ◎ h1 - judul utama ◎ h2 - subjudul ◎ h3 - judul level 3 ◎ h4 - Judul tingkat 4 ◎ h5 - Judul tingkat 5 ◎ h6 - Judul tingkat 6 ◎ jam - Garis pemisah horizontal ◎ isindex - perintah masukan
◎ menu - daftar menu ◎ noframes - konten opsional bingkai, (menampilkan konten blok ini untuk browser yang tidak mendukung bingkai) ◎ noscript - konten skrip opsional (menampilkan konten ini untuk browser yang tidak mendukung skrip)
◎ ol - formulir yang diurutkan ◎ p - paragraf ◎ teks yang telah diformat sebelumnya ◎ tabel - tabel ◎ ul - daftar yang tidak disortir
◎ a - titik jangkar ◎ abbr - singkatan ◎ akronim - huruf awal ◎ b - tebal (tidak disarankan)
◎ bdo - penggantian bidi
◎ besar - font besar ◎ br - jeda baris ◎ kutipan - kutipan ◎ kode - kode komputer (diperlukan saat mengutip kode sumber)
◎ dfn - tentukan bidang ◎ em - tekankan ◎ font - pengaturan font (tidak disarankan)
◎ i - miring ◎ img - gambar ◎ masukan - kotak masukan ◎ kbd - tentukan teks keyboard ◎ label - label tabel ◎ q - kutipan singkat ◎ s - garis bawah (tidak disarankan)
◎ samp - menentukan contoh kode komputer ◎ pilih - pemilihan item ◎ teks font kecil - kecil ◎ span - wadah sebaris yang biasa digunakan, tentukan blok di dalam teks ◎ coret - garis bawahi ◎ kuat - penekanan tebal ◎ sub - subskrip ◎ sup - superskrip ◎ area teks - kotak input teks multi-baris ◎ tt - teks teleks ◎ u - garis bawah ◎ var - Tentukan variabel
Elemen yang bisa diubah adalah elemen blok atau elemen sebaris bergantung pada konteksnya.
◎ applet-applet java
◎ tombol - tombol ◎ del - hapus teks ◎ iframe - bingkai sebaris
◎ ins - teks yang disisipkan ◎ peta - blok gambar (peta)
◎ objek - objek objek ◎ skrip - skrip klien