標題: 省去BR的方法
rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3962
發表於 2015-1-16 10:04 
14.136.99.78
分享  私人訊息  頂部
用pre标签可省略转行代码br

  用HTML代码编辑长篇文章时,最麻烦的是每个段落必须加上br。如果文章需要一句一行的话,例如歌词、诗歌之类,那真是挺麻烦的一件事。

  但如果你使用pre这个代码就可以省略这些br了。

  pre标签的定义:<pre>标签用来定义预格式化的文本,被包围在pre标签中的文本通常会保留空格和换行符, 而文本也会呈现出等宽字体。请看以下代码:



<center> <div style="FONT-SIZE:24pt; COLOR:#003399; LINE-HEIGHT: 150%; FONT-FAMILY: tahoma; font-weight: bold; width:800px" align=center>Pidato Perdana Jokowi sebagai Presiden ke-7 RI</div> <div style="FONT-SIZE:14pt; COLOR:#800000; LINE-HEIGHT: 150%; FONT-FAMILY: tahoma; font-weight: normal; width:800px" align=center>Senin, 20 Oktober 2014 | 13:18 WIB</div><br> <div style="FONT-SIZE:20pt; COLOR:#003399; LINE-HEIGHT: 150%; FONT-FAMILY: trebuchet ms; font-weight: bold; width:800px" align=left>Berikut isi pidato pertama Jokowi sebagai Presiden RI ke-7:</div><pre style="padding:20px; FONT-SIZE:16pt; COLOR:#0070c0; LINE-HEIGHT: 150%; FONT-FAMILY: trebuchet ms; font-weight: normal; width:900px; border:3px #0070c0 solid; text-align:left" align=left>Salam sejahtera untuk kita semuanya Om swastiastu namo buddhaya Yang saya hormati, pimpinan dan seluruh anggota MPR Yang saya hormati, Wakil Presiden Yang saya hormati, Bapak BJ Habibie, Presiden ketiga RI Yang saya hormati, Ibu Hj. Megawati Soekarnoputri, Presiden kelima RI Yang saya hormati, Bapak Try Sutrisno, Wakil Presiden keenam RI Yang saya hormati, Bapak Hamzah Haz, Wakil Presiden Kesembilan RI Yang saya hormati, Prof. Dr. Susilo Bambang Yudhoyono, Presiden Indonesia keenam Yang saya hormati, Boediono, Wakil Presiden kesebelas RI Yang saya hormati, Ibu SInta Nuriyah Wahid Yang saya hormati, rekan dan sahabat baik saya, Prabowo Subianto dan Hatta Rajasa Yang saya hormati, yang mulia kepala negara dan pemerintahan dan utusan khusus negara sahabat Para tamu undangan yang saya hormati, saudara-saudaraku sebangsa dan setanah air Hadirin yang saya muliakan, Baru saja kami, Joko Widodo dan Jusuf Kalla mengucapkan sumpah. Sumpah itu memiliki makna yang amat dalam, komitmen bekerja keras mencapai cita-cita bersama sebagai bangsa yang besar. Ini saatnya menyatukan hati dan tangan, ini saatnya bersama sama melanjutkan sejarah berikutnya, yakni mencapai kejayaan indonesia di bidang politik dan berkepribadian dalam kebudayaan. Saya yakin beban sejarah yang mahaberat ini akan dapat kita pikul bersama dengan persatuan, dengan gotong royong, dengan kerja keras. Persatuan dan gotong royong sangat menjadi bekal untuk menjadi bangsa besar. Kita tidak akan pernah besar jika terjebak dalam keterbelahan dan keterpecahan. Dan kita tidak akan betul-betul merdeka tanpa kerja keras. Pemerintahan yang saya pimpin akan bekerja untuk memastikan setiap rakyat di seluruh pelosok tanah air merasakan pelayanan pemerintahan. Saya mengajak seluruh lembaga negara untuk bekerja dengan semangat yang sama dalam menjalankan tugas dan fungsinya masing-masing. Saya yakin, negara ini akan makin kuat dan berwibawa jika seluruh lembaga negara bekerja sesuai mandat yang diberikan konstitusi kita. Kepada para nelayan, buruh, petani, para pedagang pasar, para pedagang asongan, sopir, akademisi, TNI, Polri, pengusaha, dan kalangan profesional, saya menyerukan untuk bekerja keras, bahu membahu, bergotong royong, karena ini lah momen bersejarah bagi kita semua untuk bergerak bersama-sama untuk bekerja, untuk bekerja, dan bekerja. Hadirin yang mulia, Kita juga ingin hadir di antara bangsa-bangsa dengan kehormatan, dengan martabat, dengan harga diri. Kita ingin jadi bangsa yang menyusun peradaban sendiri, bangsa yang kreatif, yang bisa mengembangkan peradaban global. Kita harus bekerja sekeras-kerasnya, bahu-membahu. Sebagai negara maritim, samudra, laut, selat dan teluk adalah masa peradaban kita. Kita telah terlalu lama memunggungi laut, memunggungi samudra, dan memunggungi selat dan teluk. Ini saatnya kita mengembalikan semuanya sehingga 'Jalesveva Jayamahe', di laut justru kita jaya, sebagai semboyan kita di masa lalu bisa kembali. Saudara-saudaraku sebangsa dan setanah air, Kerja besar dalam bangsa memang tidak mungkin dilakukan sendiri oleh presiden dan wakil presiden ataupun jajaran pemerintah yang saya pimpin. Tapi membutuhkan topangan kekuatan bersama, kekuatan yang merupakan kesatuan seluruh bangsa. Lima tahun ke depan jadi momentum yang tepat bagi kita sebagai bangsa yang merdeka. Oleh sebab itu, bekerja, bekerja, dan bekerja adalah yang utama. Saya ingin bekerja keras dan gotong royong. Kita akan mampu melindungi segenap bangsa indonesia dan seluruh tumpah darah indonesia meningkatkan kesejahteraan umum mencerdakan kehidupan bangsa dan ikut melaksanakan ketertiban dunia yang berdasarkan kemerdekaan perdamaian abadi dan keadilan sosial . Saudara sebangsa dan setanah air, Atas nama rakyat dan pemerintahan Indonesia, saya mengucapkan terima kasih dan penghargaan sebesar-besarnya kepada yang mulia kepala negara, kepala pemerintahan dan utusan khusus dari negara sahabat. Saya ingin menegaskan bahwa pemerintahan saya indonesia sebagai negara terbesar ketiga, dengan penduduk muslim terbesar di dunia, sebagai negara terbesar di Asia Tenggara akan terus menjalankan politik luar negeri yang bebas aktif, yang diartikan untuk kepentingan nasional dan untuk menciptakan ketertiban dunia berdasarkan kemerdekaan, perdamaian abadi dan keadilan sosial. Pada kesempatan yang bersejarah ini, perkenankan saya atas nama pribadi, atas nama wakil presiden M. Jusuf Kalla, atas nama bangsa Indonesia, menyampaikan terima kasih dan penghargaan sebesar-besarnya kepada Prof. Dr. Susilo Bambang Yudhoyono dan Prof. Dr. Boediono yang telah memimpin penyelenggaraan pemerintahan selama 5 tahun terakhir. Hadirin yang saya muliakan, Mengakhiri pidato saya ini, saya mengajak saudara-saudara sebangsa dan setanah air untuk mengingat satu hal yang diutarakan oleh Presiden pertama RI Soekarno bahwa untuk membangun Indonesia menjadi negara besar, negara yang kuat, negara yang makmur, kita harus memiliki jiwa cakrapatih samudra , jiwa pelaut yang berani mengarungi gelombang dan hempasan ombak yang menggulung. Sebagai nahkoda yang dipercaya oleh rakyat, saya mengajak semua warga bangsa untuk naik ke atas kapal RI dan berlayar bersama menuju Indonesia raya. Kita akan mengembangkan layar yang kuat. Kita akan hadapi semua badai dan gelombang samudra dengan kekuatan kita sendiri. Dan saya akan berdiri di bawah kehendak rakyat dan konstitusi. Semoga Tuhan Yang Maha Esa senantiasa merestui upaya luhur kita bersama. Assalamaulaikum Warahmatullahi Wabarakatuh Semoga Tuhan memberkati, om shanti shanti om namo buddhaya MERDEKA ! </pre></center>

这个代码显示出來的效果请点击浏览:http://huachung.freebbs.tw/viewthread.php?tid=4257&extra=page%3D1

这个代码里文字的段落分行和转行完全不用br,关键就在于文字前用了这个语法:
<pre style="padding:20px; FONT-SIZE:16pt; COLOR:#003399; LINE-HEIGHT: 150%; FONT-FAMILY: 新细明体,tahoma; font-weight: bold; width:700px; text-align:left">

注意文字後面别漏了关闭码</pre>哦!




[ 本帖最後由 rainbow 於 2015-1-16 10:33 編輯 ]


rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3962
發表於 2015-1-16 10:38 
14.136.99.78
  编辑图片与文字时使用pre标签亦可以省去所有br,使代码更简洁,以下图片以丁发兄的帖子里的图片为例,代码如下:


<center> <pre style="FONT-SIZE:16pt; COLOR:#003399; LINE-HEIGHT: 150%; FONT-FAMILY:新細明體,tahoma; font-weight: bold; width:700px; text-align:center"><IMG style="BORDER-BOTTOM: #006000 6px solid; BORDER-LEFT: #006000 6px solid; BORDER-TOP: #006000 6px solid; BORDER-RIGHT: #006000 6px solid" src="http://i206.photobucket.com/albums/bb274/tinghwat/IMG_0013-2.jpg" width=650> 今日的芝拉紮僑民學校子弟 ↑ <IMG style="BORDER-BOTTOM: #006000 6px solid; BORDER-LEFT: #006000 6px solid; BORDER-TOP: #006000 6px solid; BORDER-RIGHT: #006000 6px solid" src="http://i206.photobucket.com/albums/bb274/tinghwat/IMG_0010-8.jpg" width=650> 價廉物美的海鮮火鍋 ↑ <IMG style="BORDER-BOTTOM: #006000 6px solid; BORDER-LEFT: #006000 6px solid; BORDER-TOP: #006000 6px solid; BORDER-RIGHT: #006000 6px solid" src="http://i206.photobucket.com/albums/bb274/tinghwat/IMG_0006-17.jpg" width=650> 熱騰騰的羊肉煲 ↑ <IMG style="BORDER-BOTTOM: #006000 6px solid; BORDER-LEFT: #006000 6px solid; BORDER-TOP: #006000 6px solid; BORDER-RIGHT: #006000 6px solid" src="http://i206.photobucket.com/albums/bb274/tinghwat/IMG_0011-6.jpg" width=650> 美 味 的 文 昌 雞 ↑</pre></center>



  效果:

今日的芝拉紮僑民學校子弟  ↑
 

價廉物美的海鮮火鍋  ↑ 
 
 
熱騰騰的羊肉煲  ↑ 


美 味 的 文 昌 雞  ↑


[ 本帖最後由 rainbow 於 2015-1-16 10:46 編輯 ]


yukeng
註冊會員

帖子 2097
註冊 2013-7-29
用戶註冊天數 3934
發表於 2015-2-24 09:44 
119.246.131.62