Sebelum kita melanjutkan belajar tentang HTML5 & CSS3 yang selanjutnya,,maka sebaiknya anda baca terlebih dahulu artikel sebelum nya seperti dibawah ini :
- Membuat File index.html
- Membuat File style.css
- Menentukan Layout di File index.html
- Memberi Style pada index.html
- Merubah Desain Basic Layout
- Membuat Menu
- Membuat Halaman Depan Dengan HTML5 & CSS3 bagian Pertama & Kedua
Agar kita dapat memperoleh hasil yang maskimal dalam mempelajari artikel yang saya buat saat ini. Langsung saja jika anda sudah baca artikel sebelumnya kita akan melanjutkan pembelajaran Membuat Halaman Single Post.
Membuat halaman single post pada dasarnya tidak terlalu sulit. Kita cukup menyalin dari file index.html, lalu kita rename menjadi article-1.html. Lalu kita ganti seluruh isi elemen dari <div id=“content”></div> menjadi seperti berikut
| <div id="single"> <div id="thumbnail-image" style="background:url(images/1.jpg)"> </div> <h2>Penemuan Telegram Kabarkan Dahsyatnya Letusan Krakatau</h2> <p>KOMPAS.com - Dibandingkan letusan Gunung Tambora di Sumbawa (Nusa Tenggara Timur) pada 1815, letusan Gunung Krakatau masih kalah besar, baik kekuatan maupun dampaknya. Berbeda dengan letusan Tambora yang terekam samar dan dampak globalnya baru dideteksi lebih dari 100 tahun kemudian, letusan Krakatau diketahui warga dunia dalam bilangan jam.</p> <p>Dampak letusan Tambora baru diketahui ketika peneliti di kantor meteorologi Amerika Serikat, WJ Humphreys, pada tahun 1930-an menemukan hubungan antara cuaca buruk di dunia Barat pada 1816 dan letusan Gunung Tambora. Adapun letusan Krakatau telah menjadi berita utama di koran-koran di Eropa tak lama kemudian.</p> <p>Tsunami yang menyebar luas ke berbagai penjuru dunia pada 27 Agustus 1883 juga terdeteksi dengan cepat bahwa sumbernya Krakatau. Sepanjang tanggal 27 Agustus dan sehari setelahnya, telegram dari Batavia (Jakarta)—160 km dari Krakatau—berkali-kali dikirim ke Singapura. Dari sana kabar kemudian menyebar jauh hingga Inggris.</p> <p>Bunyi telegram menyebutkan kepanikan suasana di Jakarta waktu itu. "Batavia saat ini hampir gelap gulita—lampu gas menyala sepanjang malam—tak dapat berkomunikasi dengan Anjer (Anyer)— beberapa jembatan hancur, sungai-sungai meluap karena gelombang laut yang menuju daratan," demikian isi telegram yang dikirim pada sore hari, 27 Agustus.</p> <p>Kemudian, pukul 11.00 pada 28 Agustus, sebuah telegram kembali diterima di Singapura, "Anjer, Tjeringin, dan Telok Beting hancur lebur." Setengah jam kemudian kabar buruk kembali dikirim, "Mercusuar di Selat Sunda menghilang."</p> <p>Berikutnya, telegram itu mengirim informasi lebih detail tentang gelombang laut setinggi 40 meter yang menghanyutkan terumbu karang seberat 600 ton ke daratan Anyer. Disebutkan, sedikitnya 36.417 orang tewas, sebagian besar karena gelombang tsunami, dan 165 desa hancur.</p> <p>Berita yang cepat menyebar itu tak membuat warga Australia bagian selatan, Perth, Colombo, dan Rodriguez (sejauh 4.800 km), harus lama bertanya-tanya tentang suara gelegar letusan yang terdengar dari rumah mereka pada 27 Agustus. Demikian halnya warga dunia menjadi cepat tahu bahwa tsunami yang melanda pantai Sri Lanka dan perubahan tinggi permukaan air laut di Selandia Baru, Alaska dan Saluran Inggris pada hari itu adalah dampak Krakatau.</p> <p>Para meteorolog dunia juga dengan cepat menghubungkan bahwa cuaca dingin yang terjadi sepanjang tahun 1883 hingga paruh pertama 1884 adalah berkat letusan Krakatau. Awan dari abu vulkanik naik ke atas mencapai ketinggian 50-80 km dan mengitari bumi dengan kecepatan jet beberapa kali. Suhu udara menjadi lebih dingin akibat sinar matahari terhalang abu vulkanik lebih dari satu tahun lamanya di beberapa wilayah bumi. Volume material yang dikeluarkan diperkirakan sekitar 18-21 kilometer kubik yang terdiri dari 9-10 kilometer kubik batu-batu berat.</p> <p>Letusan Krakatau merupakan bencana besar pertama di dunia yang terjadi setelah jaringan kabel telegraf menyambung di seluruh dunia. Dua belas tahun sejak Samuel Morse pada 24 Mei 1844 mengirimkan pesan pertama dari gedung Mahkamah Agung di Washington kepada koleganya Alfred Vail, di Baltimore, telegram sudah disambung ke istana besar di Buitenzorg ke kantor-kantor di Batavia. Jawa kemudian terhubung ke dunia internasional sejak 1859, melalui Singapura, sehingga berita letusan Krakatau bisa dengan cepat menyebar luas.(Tim Penulis: Ahmad Arif, Indira Permanasari, Yulvianus Harjono, C Anto Saptowalyono. Litbang: Rustiono)</p> </div> |
#wrapper #content #single #thumbnail-image{
width:620px; height:310px; -moz-background-size:620px 310px; /* CSS3 Mozilla Firefox */ background-size:620px 310px; /* CSS3 Other Browser */ background-position:center; margin-bottom:10px; } |
.jpg)
Posts
No comments:
Post a Comment