InternetWeb Design

A pemisah baris dalam HTML: menggunakan br tag

Semasa pemformatan teks sering keperluan untuk menambah perenggan baru, tetapi tidak rentetan kosong, yang memasukkan tag perenggan

. Di samping itu, kadang-kadang anda perlu betul-betul mengekalkan pemformatan teks sebelumnya, yang tag

"kategori" membatalkan. Kita sering berpecah perenggan kepada beberapa bahagian, yang dikaitkan secara logik.

Untuk beberapa bahagian teks yang digunakan bagi perenggan selang standard adalah semata-mata tidak sesuai. Ia mungkin tulisan di bawah gambar dan jadual, puisi, petikan, nota kaki dan nota.

(- "rentetan percutian berturut-turut" rehat baris) tag khas, majlis itu yang terletak pada br tajuk disediakan secara paksa memindahkan baris.
tag hiperteks bahasa markup html bermakna bahawa semua kandungan yang berikut ia harus bermula barisan baru. Jika anda mahu, anda boleh meletakkan beberapa berturut-turut tag untuk mencapai selang yang dikehendaki.


tag bukan kes huruf sensitif dan tidak memerlukan tag penutup, kerana ia adalah elemen kosong, tetapi ia adalah lebih baik untuk mendapatkan digunakan untuk menutup semua tag. Dalam XHTML jurang tag harus "tertutup rapat" pada garis condong.

Contoh tag jurang

tag br dalam tindakan </ title> </p> <p> </ Head> </p> <p> <Badan> </p> <p> <P> Ponteng sekolah perkhidmatan </ p> </p> <p> <P> Namun mana-mana dan tidak <br> </p> <p> Saya tidak <br> begitu buruk </p> <p> Bos tamak gerombolan <br> </p> <p> Gnaws saya hidup </ p> </p> <p> </ Html> </p> <p> Ketiadaan daripada perkhidmatan </p> <p> Lagi mana-mana dan tidak <br> Saya tidak begitu buruk. <br> Bos gerombolan tamak <br> Gnaws saya hidup. </p> <h2> tag atribut <br> </h2><p> Satu-satunya sifat yang mempunyai html tag <br>, yang dipanggil Clear ( "bersih"). Ia memberitahu pelayar apa yang perlu dilakukan dengan berturut-turut yang dipindahkan jika teks tersebut akan mengalir di sekitar unsur terapung yang dipanggil, yang boleh menjadi, contohnya, imej yang selaras dengan penjajaran nilai atribut menggunakan kanan / kiri, satu blok atau CSS, yang didaftarkan harta apung. </p> <p> Spesifikasi untuk XHTML 1.0 / HTML 4.01, anda boleh menggunakan atribut yang jelas untuk hanya Peralihan, Bingkai dan <! DOCTYPE>, jika tidak, kod akan menjadi tidak berkuat kuasa. </p> <h2> Properties tag atribut <strong> </strong></h2><p> Kesan atribut jelas bergantung kepada nilai dan lokasi elemen teks terapung aerodinamik. sifat yang boleh mengambil 4 nilai: </p> <p> <Br = jelas 'hak | left | semua | tiada '> </p> <p><amp-img src="https://i7.unansea.com/image/f46cee5c6fb50e94.jpg" alt="tag br" width="450" height="406" layout="intrinsic"></amp-img></p> <p> Ke kiri melarang unsur balut, selaras ke kiri, jadi teks, "tersandung" pada tag Malaysia, yang terletak di bawah imej unsur terapung. </p> <p> Tepat hasilnya akan menjadi penggunaan semua hujah, yang tidak akan membenarkan teks yang mengalir di sekeliling gambar atau kanan atau kiri. </p> <p> Nilai hak melarang aliran teks di sekeliling unsur, kanan wajar, jadi selepas tag <br> teks akan tiada pilihan tetapi untuk mendapatkan sekitar imej, yang mengalir di sekitarnya di sebelah kanan. </p> <p> Nilai tiada ( "tidak anda tidak milik kita") secara amnya membuang semua pihak berkuasa dengan sifat-sifat yang jelas, dan tag <br> senyap bergerak ke bawah garis. </p> <p> Nilai piawai, oleh itu, satu sifat tag yang tidak jelas. </p> <h2> <br> tag - ia tanda sengkang </h2><p> Perpecahan tag line adalah sangat mudah untuk mencipta jarak yang diperlukan antara perenggan, di mana ia digunakan sebagai tanda sempang, tetapi bukan sebagai satu cara untuk membahagikan teks ke dalam perenggan. </p> <p><amp-img src="https://i7.unansea.com/image/bdf43b506fe70e9d.jpg" alt="tag br html hiperteks bahasa markup cara" width="700" height="313" layout="intrinsic"></amp-img></p> <p> Ia tidak boleh terlalu terbawa-bawa dengan slogan memecah untuk memformat teks, kerana keputusan permohonan tidak sentiasa mempunyai ciri-ciri keanggunan. </p> <p> Sebagai contoh, jika anda menggunakan tag <br> untuk pecahan baris dalam perenggan, ia boleh membawa kepada "comb" dalam kotak pengguna, jika ia adalah kurang daripada tingkap, yang memberi tumpuan kepada webmaster. </p> </div> <!--mvp-content-main--> </div> <!--mvp-content-body-top--> </div> <!--mvp-content-body--> </div> <!--mvp-content-wrap--> </div> <!--mvp-post-content--> </div> <!--mvp-post-main--> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Similar articles</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/download-template-percuma-dan-menjadikan-laman-web-dalam-talian-adat/"> <p>Download template percuma dan menjadikan laman web dalam talian adat</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/ketahui-cara-untuk-membuat-pautan-ke-laman-web-anda/"> <p>Ketahui cara untuk membuat pautan ke laman web anda</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/platform-percuma-untuk-membuat-tapak-senarai-kebaikan-dan-keburukan/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/943b97e47df40ed2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/943b97e47df40ed2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/platform-percuma-untuk-membuat-tapak-senarai-kebaikan-dan-keburukan/"> <p>Platform percuma untuk membuat tapak: senarai kebaikan dan keburukan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/html-tag-senarai-diketahui/"> <p>HTML Tag Senarai diketahui</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/pereka-laman-nethouse-ulasan/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/920780ed7e230ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/920780ed7e230ed0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/pereka-laman-nethouse-ulasan/"> <p>Pereka laman Nethouse: ulasan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/css-ketelusan-latar-belakang-latar-belakang-telus-atau-teks-dengan-css/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/8f2f15a770180e97-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/8f2f15a770180e97-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/css-ketelusan-latar-belakang-latar-belakang-telus-atau-teks-dengan-css/"> <p>CSS ketelusan latar belakang. latar belakang telus atau teks dengan CSS</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Trending Now</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/idea-chalet-creek-kering-dan-gazebo-sebenar/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/18335ecc6fd90e97-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/18335ecc6fd90e97-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/idea-chalet-creek-kering-dan-gazebo-sebenar/"> <p>Idea Chalet: creek kering dan gazebo sebenar</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kesederhanaan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/hubungan-dengan-seorang-lelaki-yang-sudah-berkahwin-bagaimana-untuk-memecahkan-kebuntuan/"> <p>Hubungan dengan seorang lelaki yang sudah berkahwin: bagaimana untuk memecahkan kebuntuan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hubungan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/apa-untuk-memberi-makan-anak-anjing-gembala-jerman/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/5f1adf696fed0e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/5f1adf696fed0e9c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/apa-untuk-memberi-makan-anak-anjing-gembala-jerman/"> <p>Apa untuk memberi makan anak anjing Gembala Jerman?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rumah dan Keluarga</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/apa-skrin-sentuh-ia-adalah-masa-kini-dan-masa-depan-dalam-satu-botol/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/799576c96ff60e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/799576c96ff60e9d-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/apa-skrin-sentuh-ia-adalah-masa-kini-dan-masa-depan-dalam-satu-botol/"> <p>Apa skrin sentuh? Ia adalah masa kini dan masa depan dalam satu botol!</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Teknologi</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/salap-pada-asas-penyediaan-akriderm-arahan-penggunaan/"> <p>Salap pada asas penyediaan "Akriderm" - arahan penggunaan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kesihatan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/buruh-paksa-ini-adalah-konsep-buruh-paksa/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b3f77a0c7dc20ec6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b3f77a0c7dc20ec6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/buruh-paksa-ini-adalah-konsep-buruh-paksa/"> <p>Buruh paksa - ini adalah ... Konsep buruh paksa</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Undang-undang</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header" style="margin-top:40px;"> <span class="mvp-post-header">Newest</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/kanak-pakar-sakit-puan-apabila-untuk-pergi-ke-doktor/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/ba5f60b26f8f0e96-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/ba5f60b26f8f0e96-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/kanak-pakar-sakit-puan-apabila-untuk-pergi-ke-doktor/"> <p>Kanak-pakar sakit puan: apabila untuk pergi ke doktor</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rumah dan Keluarga</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/kaedah-yang-paling-penting-dalam-penyelidikan-saintifik/"> <p>Kaedah yang paling penting dalam penyelidikan saintifik</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Pembentukan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/impian-gereja-dream-book/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/57885ce16fe50e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/57885ce16fe50e9c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/impian-gereja-dream-book/"> <p>Impian Gereja: Dream Book</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Perkembangan intelek</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/nokia-3220-kelebihan-dan-kekurangan/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/1f4714b17e810ed9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/1f4714b17e810ed9-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/nokia-3220-kelebihan-dan-kekurangan/"> <p>Nokia 3220: kelebihan dan kekurangan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Teknologi</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/bosan-dengan-segalanya-saya-mahu-berehat/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/35d9417c70160e9f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/35d9417c70160e9f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/bosan-dengan-segalanya-saya-mahu-berehat/"> <p>Bosan dengan segalanya. Saya mahu berehat ...</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kesihatan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.unansea.com/pelakon-peter-gorin-biografi/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/1562780f7e8a0ed9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/1562780f7e8a0ed9-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://ms.unansea.com/pelakon-peter-gorin-biografi/"> <p>Pelakon Peter Gorin: biografi</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Seni dan Hiburan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> </div> <!--mvp-main-box--> </div> <!--mvp-article-cont--> </article> <!--mvp-article-wrap--> </div> <!--mvp-main-body-wrap--> <footer id="mvp-foot-wrap" class="left relative"> <div id="mvp-foot-bot" class="left relative"> <div class="mvp-main-box"> <div id="mvp-foot-copy" class="left relative"> <p>Copyright © 2018 ms.unansea.com. Theme powered by WordPress.</p> </div> <!--mvp-foot-copy--> </div> <!--mvp-main-box--> </div> <!--mvp-foot-bot--> </footer> </div> <!--mvp-site-main--> </div> <!--mvp-site-wall--> </div> <!--mvp-site--> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999983/0/a97b263e/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 2.088 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-02 16:32:26 --> <!-- 0.002 -->