\n----------codes------\n----------------------\n<\/div>\n<\/body>\n<\/html><\/pre>\n
Secara amnya, setiap teg HTML mempunyai struktur dan ciri yang telah ditetapkan. Elemen blok dalam HTML mempunyai tag berbeza yang akan kami gunakan dalam dokumen. Beberapa teg disenaraikan di bawah.<\/p>\n
Tag:<\/strong><\/p>\n,<\n,,,-,, ,,, ,, \n,,,,, \n<\/p>Teg yang disebut ialah elemen blok yang dipratentukan dalam HTML. Setiap teg menyediakan fungsi yang berbeza apabila digunakan dalam dokumen HTML. Kemungkinan besar, kami menggunakan tag dalam elemen peringkat blok. Kod ialah sintaks umum untuk elemen peringkat blok dalam HTML, dan kami juga akan menggunakan teg pratakrif yang dinyatakan di atas apabila diperlukan; setiap teg akan mempunyai kandungan bebas dan serba lengkap dalam HTML.
\n<\/p>Bagaimanakah Elemen Blok berfungsi dalam HTML?
\n<\/h3>Ia akan menggunakan gaya CSS dengan model pemformatan dan meliputi kedua-dua elemen sebaris dan blok. Kemungkinan besar, ia akan menjaga pemformatan elemen blok. Memformat elemen blok ialah salah satu elemen peringkat blok dalam HTML. Setiap elemen CSS kelihatan seperti bentuk; ia mengandungi kotak dengan beberapa komponen seperti kandungan, padding dan sempadan; ini ialah komponen berbeza dalam gaya CSS. \n<\/p>\n
\nKandungan: Ia menandakan kandungan umum elemen HTML seperti teks, gambar dan video, dsb.<\/strong>\n<\/li>\nPadding: Ia menandakan sebarang padding yang diliputi ke dalam mana-mana kandungan mengikut format, seperti padding-top, padding-left, padding-right, padding-bottom, dsb. Ini adalah ciri-cirinya.<\/strong>\n<\/li>\nSempadan: Ia menandakan sebarang sempadan dalam kandungan HTML dan padding; kami menetapkan sempadan menggunakan sempadan-atas, sempadan-bawah, dsb.<\/strong>\n<\/li>\n<\/ul>Elemen sekat ingin menetapkan margin dan padding dalam dokumen HTML. Kerana halaman web memerlukan penjajaran yang betul untuk melihat pengguna secara lebih menarik. Dalam sesuatu, bahagian blok-elemen mengandungi margin di luar elemen; padding dalam elemen akan mengelilingi kandungan. Jika anda memerlukan warna latar belakang atau imej untuk elemen, anda boleh menetapkannya dan ia akan dipaparkan dalam kedua-dua kawasan kandungan dan padding. Secara umum, kawasan margin adalah telus dan memaparkan latar belakang elemen induk. Walau bagaimanapun, pengecualian berlaku jika elemen induk, seperti bahagian badan, tidak diberikan sebarang sifat paparan. Dalam kes sedemikian, kedua-dua kawasan margin dan padding memaparkan warna atau imej. Margin merujuk kepada jarak antara tepi luar elemen HTML, termasuk kandungan dan padding.\n<\/p>Kami juga menetapkan sempadan untuk menyerlahkan halaman web, termasuk warna sempadan, gaya, lebar dan jidar. Kami mengawal penampilan sempadan di sekeliling elemen dan boleh menentukan pelbagai jenis sempadan. Sifat gaya sempadan CSS membolehkan pengguna menetapkan gaya sempadan tersuai mereka sendiri yang ditentukan dengan nilai seperti tiada, pepejal, dua kali ganda, tersembunyi, bertitik, putus-putus, alur, rabung, sisipan dan permulaan. Jika kami telah menjajarkan dokumen dengan sempadan, kami tidak menyatakan sebarang nilai bermakna nilai lalai adalah tiada; ini bermakna tiada sempadan diperuntukkan untuk halaman anda. Semua gaya sempadan ini disertakan dalam versi css1 kecuali nilai tersembunyi, yang ditambahkan dalam versi css2.
\n<\/p>\n
Starting from HTML 4, the div element is a block-level element for designing documents with specified divisions. Div elements lack specific formatting characteristics by default. However, you can still use the deprecated Align attributes in HTML to the center or align content to the right side; it’s a default in deprecated elements in HTML. In
tag was intended to take any format in CSS styles, and div has the options like nested div tags and other elements nested with div elements whatever styles, borders, and alignments we specified it would affect for those nested elements. Some basic codes for div tags with border, background image, and other user-defined format styles.<\/p>\n
Code:<\/strong><\/p>\n\n\ndiv.sample {width:150px;background:#FF0002;border:2px dotted black;padding:7px;}\ndiv.sample ul {color:green;}<\/pre>\nThe above codes are samples to understand the CSS attributes and functionalities implemented with the div tag. We will discuss some basic examples in the below sections.<\/p>\n
Examples of?HTML Block Elements<\/h3>\n Given below are the following examples:<\/p>\n
Example #1<\/h4>\n Code:<\/strong><\/p>\n\n\n