Berikut isi kutipannya: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Ketat//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <kepala> <meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" /> <title>Tinggi sama (metode memiliki tinggi kolom yang sama)</title> <gaya tipe="teks/css"> tubuh{ bantalan: 0; margin: 0; ukuran font: 12px; keluarga font: Arial, Helvetica, sans-serif; tinggi garis: 140%; latar belakang:#E7DFD3; } #tengah{ lebar: 580 piksel; mengapung:kiri; latar belakang:#FFFFFF; perataan teks:kiri; } #header,#footer{ latar belakang: #E8E8E8; lebar: 750 piksel; perataan teks:tengah; } #sisikiri{ lebar: 580 piksel; mengapung: kiri; posisi:relatif; margin-kiri:-580px; } #kanan samping{ lebar: 170 piksel; mengapung: benar; posisi:relatif; margin: 0 -170 piksel 0 0; latar belakang: #F0F0F0; } #footer{ jelas: keduanya;
} h1,h2,alamat,p{ margin: 0; bantalan: .8em; } h1,h2{ukuran font: 20 piksel;} </gaya> <skrip tipe="teks/javascript"> // <![CDATA[ fungsi toggleContent(nama,n) { var i,t='',el = document.getElementById(nama); if (!el.origCont) el.origCont = el.innerHTML;
untuk (i=0;i<n;i++) t += el.origCont; el.innerHTML = t; } // ]]> </skrip> </kepala> <tubuh> <div id="tajuk"> <h1>Kepala</h1> <div id="tengah"> <div id="kanan samping"> <div id="kiri samping"> <h2>kiri samping</h2> <p><a href="javascript:toggleContent('sideleft',1)">Panjang default</a> <a href="javascript:toggleContent('sideleft',2)">Halaman lebih panjang< /a></p> <p> Tidak mudah untuk beralih dari pendekatan desain tetap berbasis piksel ke pendekatan desain relatif yang fleksibel. Namun jika digunakan dengan benar, ini bisa menjadi pilihan alami untuk meningkatkan aksesibilitas dan kemudahan penggunaan tanpa mengorbankan desain. </p> <p> Piksel adalah titik yang tidak dapat diskalakan pada layar komputer, dan a h3 adalah persegi berukuran kata. Karena perubahan ukuran font, h3 Unit relatif yang mewakili ukuran teks pilihan pengguna. </p> <p> Mungkin lebih mudah menggunakan desain cetak dan tetap karena lebih sedikit hal yang perlu dipertimbangkan jika dimensinya tetap sama. Namun, jika Anda mengadopsi metode desain yang fleksibel, Anda dapat memanfaatkan sepenuhnya monitor <a href="http://product.yesky.com/catalog/345/" class="bluekey" target="_blank">komputer </a> dan peramban. </p> <p> Mungkin Anda ingin situs web Anda tampil dengan cara tertentu, namun apa yang ingin dilihat pengguna mungkin berbeda. Apa pun yang dipaksakan pada pengguna akan melemahkan kemudahan penggunaan dan karenanya merugikan keberhasilan situs. </p> <p> Tidak mudah untuk beralih dari pendekatan desain tetap berbasis piksel ke pendekatan desain relatif yang fleksibel. Namun jika digunakan dengan benar, ini bisa menjadi pilihan alami untuk meningkatkan aksesibilitas dan kemudahan penggunaan tanpa mengorbankan desain. </p> </div>
<h2>samping</h2> <p> Tidak mudah untuk beralih dari pendekatan desain tetap berbasis piksel ke pendekatan desain relatif yang fleksibel. Namun jika digunakan dengan benar, ini bisa menjadi pilihan alami untuk meningkatkan aksesibilitas dan kemudahan penggunaan tanpa mengorbankan desain. </p> <p> Piksel adalah titik yang tidak dapat diskalakan pada layar komputer, dan a h3 adalah persegi berukuran kata. Karena perubahan ukuran font, h3 Unit relatif yang mewakili ukuran teks pilihan pengguna. </p> <p> Mungkin lebih mudah menggunakan desain cetak dan tetap karena lebih sedikit hal yang perlu dipertimbangkan jika dimensinya tetap sama. Namun, jika Anda mengadopsi pendekatan desain yang fleksibel, Anda dapat memanfaatkan monitor dan browser komputer Anda sepenuhnya. </p> <p> Mungkin Anda ingin situs web Anda tampil dengan cara tertentu, namun apa yang ingin dilihat pengguna mungkin berbeda. Apa pun yang dipaksakan pada pengguna akan melemahkan kemudahan penggunaan dan karenanya merugikan keberhasilan situs. </p> </div></div> <div id="footer"> <alamat> catatan kaki </alamat> <p>Produksi: <a href="http://homepage.yesky.com">Laman Web Tao Bar</a></p> </div> </tubuh> </html> <bahasa skrip="Javascript"> var sekarang = Tanggal baru(); document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ sekarang.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); </skrip> <tanpa skrip> <img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noskrip> |