Rumah > Artikel > hujung hadapan web > Terokai ciri dan aplikasi HTML menggunakan atribut paparan
Ciri-ciri dan aplikasi atribut paparan dalam HTML
HTML ialah bahasa penanda yang digunakan untuk mencipta halaman web Atribut paparan ialah salah satu atribut yang biasa digunakan dalam HTML dan digunakan untuk mengawal cara elemen dipaparkan pada muka surat. Atribut paparan mempunyai nilai yang berbeza, setiap nilai mempunyai ciri dan aplikasinya sendiri. Artikel ini akan memperkenalkan beberapa nilai atribut paparan biasa dan memberikan contoh kod yang sepadan.
Contoh kod:
<!DOCTYPE html> <html> <head> <style> div { display: block; width: 200px; height: 200px; background-color: red; margin: 10px; } </style> </head> <body> <div>This is a block element.</div> </body> </html>
Contoh kod:
<!DOCTYPE html> <html> <head> <style> span { display: inline; background-color: yellow; padding: 10px; } </style> </head> <body> <span>This is an inline element.</span> </body> </html>
Contoh kod:
<!DOCTYPE html> <html> <head> <style> div { display: inline-block; width: 100px; height: 100px; background-color: blue; margin: 10px; } </style> </head> <body> <div>This is an inline-block element.</div> <div>This is another inline-block element.</div> </body> </html>
Contoh kod:
<!DOCTYPE html> <html> <head> <style> p { display: none; } </style> </head> <body> <p>This paragraph will not be displayed.</p> </body> </html>
Di atas ialah beberapa nilai biasa bagi atribut paparan dan contoh kod yang sepadan. Dengan menggunakan atribut paparan secara fleksibel, kami boleh mengawal cara elemen dipaparkan pada halaman dan mencapai kesan reka letak yang berbeza.
Atas ialah kandungan terperinci Terokai ciri dan aplikasi HTML menggunakan atribut paparan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!