tag:blogger.com,1999:blog-87674627262803559992024-02-01T20:26:30.541-08:00my story ^^semua cerita tentang Qu,,KeluargaQu,,sahabat"Qu,,teman"qu,,and all About My Life..^^Annastasya Liebertyhttp://www.blogger.com/profile/12041718652578281469noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-8767462726280355999.post-56923516785028449392011-02-20T04:20:00.000-08:002011-02-20T05:13:52.841-08:00HTML yang Menampilkan Gambar, Multimedia, Bullet, Numbering, dan Hyperlink<span style="font-weight: bold;">1.Gambar dan Multimedia</span><br /><br />Untuk menyisipkan gambar ke dalam dokumen HTML digunakan tag <img src="http://www.blogger.com/post-create.g?blogID=8767462726280355999" xsrc="”lokasifilegambar”" />. Lokasi file gambar dapat berupa lokasi relatif atau absolut (lihat bagian Link di bawah). Berbeda dengan dokumen DOC/PDF yang menggabungkan (embed) file gambar ke dalam dokumen, dokumen HTML hanya mencantumkan link (lokasi) file gambar tersebut, sehingga agar bisa ditampilkan, maka dokumen HTML dan file gambar tersebut harus berada di lokasi yang tepat.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8oim6FWcUz0oEAbSJGwRkN_YUZaJgYq5QzN8k_hVQZHW7qumLFmYJy4urXPpQmcAjND9n3g9OE2tkpPwF7SJkByg-KtLPHxf2VJeOKEkrOphyphenhyphenhEf6JmHLdAhRzEaQSwGCXcS-VUTLo69u/s1600/simpan+gbr+html.JPG"><img style="cursor: pointer; width: 397px; height: 232px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8oim6FWcUz0oEAbSJGwRkN_YUZaJgYq5QzN8k_hVQZHW7qumLFmYJy4urXPpQmcAjND9n3g9OE2tkpPwF7SJkByg-KtLPHxf2VJeOKEkrOphyphenhyphenhEf6JmHLdAhRzEaQSwGCXcS-VUTLo69u/s320/simpan+gbr+html.JPG" alt="" id="BLOGGER_PHOTO_ID_5575749340010483890" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCtofJD6iyUPc-F-oiqbEIqyFmD9jV46gVMmDREBzcV4DZ-G3WpgIJFOFrplRl7bIOYxwaiRJlebgSffb7L1C6uY6R203sHlSODLq6JgSqQaq6yGhLWtXz1Ma-1ScbLzgVguJxJ8KI9gM/s1600/HTML.jpg"><img style="cursor: pointer; width: 233px; height: 233px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCtofJD6iyUPc-F-oiqbEIqyFmD9jV46gVMmDREBzcV4DZ-G3WpgIJFOFrplRl7bIOYxwaiRJlebgSffb7L1C6uY6R203sHlSODLq6JgSqQaq6yGhLWtXz1Ma-1ScbLzgVguJxJ8KI9gM/s320/HTML.jpg" alt="" id="BLOGGER_PHOTO_ID_5575749518572745970" border="0" /></a><span style="font-weight: bold;"><br /><br />2.Tag yang Menampilkan Hyperlink<br /></span><br />Hyperlink adalah:<br />sebuah acuan dalam dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan. (sumber:id.wikipedia)<br />contoh kode:<br /> <a href="http://ww1.yuwie.com/profile/Default.asp?id=697420">Profil Annastasya Lieberty</a><br /><br /><span style="font-weight: bold;">3.Tag yang Menampilkan Bullet and Numbering</span><br /><br /><p>Ada dua macam daftar item yaitu daftar item tak berurut (bullet) dan daftar item berurut (numbering).</p> <p>Contoh daftar item tak berurut (bullet):</p> <ul><li>item pertama</li><li>item kedua</li><li>item ketiga</li></ul> <p>Contoh daftar item berurut (numbering):</p> <ol><li>item pertama</li><li>item kedua</li><li>item ketiga</li></ol> <p>Untuk membuat daftar item tak berurut kita gunakan tag ul sedang untuk membuat daftar item berurut digunakan tag ol. Adapun setiap item ditandai dengan tag </p><li>. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQQtz21XHnOhyQEo3mVB_zx8lPfYxDCA8soSgMkIKH8y8sgTyq9hftC2WVQY7PDTB5ksfPYRFzrU1EvFWUj_LyLknSZNjTJgUHL12twXlF0hpmGIxUYn1QVIW0R2ywIyj-lWUFW25sGK0G/s1600/frontpagetmm_0211.jpg.gif"><img style="cursor:pointer; cursor:hand;width: 320px; height: 260px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQQtz21XHnOhyQEo3mVB_zx8lPfYxDCA8soSgMkIKH8y8sgTyq9hftC2WVQY7PDTB5ksfPYRFzrU1EvFWUj_LyLknSZNjTJgUHL12twXlF0hpmGIxUYn1QVIW0R2ywIyj-lWUFW25sGK0G/s320/frontpagetmm_0211.jpg.gif" alt="" id="BLOGGER_PHOTO_ID_5575758988923684722" border="0" /></a><p>Beginilah kode sumber untuk daftar item tak berurut di atas:<br /></p><ul><br /><li>item pertama</li><br /><li>item kedua</li><br /><li>item ketiga</li><br /></ul> <p>Dan beginilah kode sumber untuk daftar item berurut di atas:<br /></p><ol><br /><li>item pertama</li><br /><li>item kedua</li><br /><li>item ketiga</li><br /></ol> <p>Kita pun dapat membuat daftar item bertingkat atau daftar item di dalam daftar item. Contohnya sebagai berikut:</p> <ul><li>item pertama</li><li>item kedua <ul><li>sub item pertama</li><li>sub item kedua <ul><li>sub sub item pertama</li><li>sub sub item kedua</li><li>sub sub item ketiga</li></ul> </li><li>sub item ketiga</li></ul> </li><li>item ketiga</li></ul> <p>Untuk membuat daftar item bertingkat seperti di atas tidak ada penambahan tag atau atribut apa-apa. Yang dilakukan hanyalah menempatkan tag-tag daftar item tingkat bawah di dalam daftar item tingkat di atasnya. Untuk jelasnya beginilah source kodenya:</p> <ul><br /><li>item pertama</li> <li>item kedua</li><br /><ul><br /><li>sub item pertama</li><br /><li>sub item kedua</li><br /><ul><br /><li>sub sub item pertama</li><br /><li>sub sub item kedua</li><br /><li>sub sub item ketiga</li><br /></ul><br /><li>sub item ketiga</li><br /></ul><br /><li>item ketiga</li><br /></ul> <p>Penulisan kode-kode HTML di atas sengaja kita beri spasi agak ke dalam, agar lebih mudah dibaca dan dimengerti mana yang level pertama, kedua dan seterusnya. Sebenarnya, tanpa pemberian spasi, hasilnya dalam browser tetap akan menggunakan spasi agak ke dalam untuk level-level di bawahnya.</p> <p>Cara yang sama dilakukan untuk membuat daftar item berurut bertingkat. Kita tinggal mengganti tag ul dengan tag ol maka hasilnya akan seperti ini:</p> <ol><li>item pertama</li><li>item kedua <ol><li>sub item pertama</li><li>sub item kedua <ol><li>sub sub item pertama</li><li>sub sub item kedua</li><li>sub sub item ketiga</li></ol> </li><li>sub item ketiga</li></ol> </li><li>item ketiga</li></ol> <p>Dari contoh daftar item tak berurut yang bertingkat di atas, kita lihat bahwa secara default, browser akan menampilkan gambar (bullet) bulatan hitam untuk item-item level pertama, lingkaran untuk untuk item-item level kedua, dan kotak hitam untuk item-item level ketiga. Sebenarnya kita pun bisa memilih sendiri bullet jenis apa yang kita ingin gunakan dengan menambah atribut TYPE dalam tag ul. Rumusnya: <strong>ul type="”jenis".</strong> Dimana nama bullet ada tiga macam: “disc” untuk bulatan hitam, “circle” untuk lingkaran, dan “square” untuk kotam hitam. Jadi bila kita ingin membuat daftar item semacam ini:</p> <div style="margin-left: 4em"> <ul><li>item pertama</li><li>item kedua</li><li>item ketiga</li></ul> </div> <p>Maka kita menuliskan kode-kode HTML sebagai berikut:</p> <ul type="”square”"><br /><li>item pertama</li><br /><li>item kedua</li><br /><li>item ketiga</li><br /></ul> <p>Untuk daftar item berurut (numbering), jenis angkanya pun dapat diganti dengan menggunakan atribut yang sama. Jadi rumusnya: ol type="”jenis". Sedangkan jenis angkanya diisi dengan angka 1, A, a, I, atau i tergantung selera kita. Contoh:</p> <ol type="”I”"><br /><li>item pertama</li><br /><li>item kedua</li><br /><ol type="”A”"><br /><li>sub item pertama</li><br /><li>sub item kedua</li><br /><ol type="”1″"><br /><li>sub sub item pertama</li><br /><li>sub sub item kedua</li><br /><li>sub sub item ketiga</li><br /></ol><br /><li>sub item ketiga</li><br /></ol><br /><li>item ketiga</li><br /></ol> <p>Akan menghasilkan daftar item sebagai berikut:</p> <p>I. item pertama<br />II. item kedua<br />A. sub item pertama<br />B. sub item kedua<br />1. sub sub item pertama<br />2. sub sub item kedua<br />3. sub sub item ketiga<br />C. sub item ketiga<br />III.item ketiga</p> <p>Sekian pelajaran tentang bullet dan numbering</p></li><li><br /></li>Annastasya Liebertyhttp://www.blogger.com/profile/12041718652578281469noreply@blogger.com0tag:blogger.com,1999:blog-8767462726280355999.post-8071858058195968602011-02-09T06:52:00.000-08:002011-02-09T07:03:40.196-08:00Semester 2<span style="font-family:times new roman;">wahhh...<br />ga kerasa....beneran..baruuu masukkk..<br />lhoo uda semester 2 lagii lhoo sekarang... :):)<br /><br />uhm...bener-bener cepet waktunya...<br />hhhahahahaiiii oiiiiiaaa neyyy..<br />d smester 2 ini aq punya target yang haruss kecapai...<br />apa?????<br /><blockquote>IPK.iiia IPK...q mau semua nilai'qu "A"amiiieenn ...<br /><br />semoga aq bisa...<br />Tuhan bantu aq..<br />Roh Kududs bimbing aq...<br />:)<span style="font-family:times new roman;"><span style="font-family:times new roman;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwXWdnj8cMkheMLmCgKDEB70HnX2aTxnDHf42Dxgd3_knPfw4f7UXt_9EyXJvY69FWO_uXJbr5XbAcU-OAFnC5JgDmDoPtnkAtSINkGTrOrp0DbWL2KOupSGJBRJ9FjgSnaXex1NyrZShe/s1600/orang-kristen-berdoa.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 318px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwXWdnj8cMkheMLmCgKDEB70HnX2aTxnDHf42Dxgd3_knPfw4f7UXt_9EyXJvY69FWO_uXJbr5XbAcU-OAFnC5JgDmDoPtnkAtSINkGTrOrp0DbWL2KOupSGJBRJ9FjgSnaXex1NyrZShe/s320/orang-kristen-berdoa.jpg" alt="" id="BLOGGER_PHOTO_ID_5571704238691351330" border="0" /></a></span></span></blockquote><br /></span>Annastasya Liebertyhttp://www.blogger.com/profile/12041718652578281469noreply@blogger.com0tag:blogger.com,1999:blog-8767462726280355999.post-28946601814722688562010-07-06T02:39:00.000-07:002010-07-06T02:46:57.425-07:00Semenjak ada dirimu<p>tak pernah kuduga<br />semuanya berubah<br />saat kau memandangku<br />bergetar <span class="IL_AD" id="IL_AD3">hati</span> ini<br /><span style="color: rgb(51, 51, 51);"></span><br />kau berikan harapan tentang<br />warna-warni hariku</p> <p>reff:<br />semenjak ada dirimu<br />dunia terasa indahnya<br />semenjak kau ada di sini<br />kumampu melupakannya</p> <p>kini aku tak sabar<br />kini hati kau untukku<br />nyatakanlah kepadaku<br />janji indah yg kutunggu</p> <p>semua kini tlah bersinar lagi<br />takkan kuingat dia</p> <p>repeat reff</p> <p>reff2:<br />semenjak ada dirimu<br />dunia terasa indahnya<br />semenjak kau ada di sini<br />tak ingin melepaskanmu</p> <p>kau berikan harapan tentang<br />warna-warni hariku<br />warna-warni hariku</p><p><br /></p><p></p><blockquote>lagu ini..lagu untuk mu..<br />semenjak ada dirimu memang dunia'qu lbh berwarna,,tp kini kau tinggalkan aq..<br />tak ingin aq kehilangan dirimu..berat hati ini..namun memank keadaan yang membuat aq dan kamu berpisah..T.T<br />aq ingin melihatmu bahagia walau hatiqu perih..<br />qu relakan Kau..<br /><br />tak ada yg qu sesalkan pernah mengenal dirimu..<br />sungguh suatu anugrah aq sempat memiliki dirimu..<br />tp kini,biarlah semua itu menjadi kenangan indah untuk qu dan dirimu..<br />jangan pernah lupakan kenangan indah yang pernah qta lalui..^^<br /><br /><span style="font-weight: bold;">u always in my pray..^^</span><br /></blockquote><br /><p></p>Annastasya Liebertyhttp://www.blogger.com/profile/12041718652578281469noreply@blogger.com0tag:blogger.com,1999:blog-8767462726280355999.post-12138230635613127302010-07-06T02:20:00.000-07:002010-07-06T03:16:49.689-07:00yiiipppiiieee...<span style="font-family:courier new;"><span style="font-family:courier new;"></span>akhir'y aq lulus..<br />meninggalkan semua kenangan indah selama sekolah..<br />tp akan selalu qu kenang masa indah'qu d sekolah"qu..<br />teman",,guru",,semua memberi warna dan arti d hidup'qu selama aq merasakan dunia sekolah..<br /><br />kini akan kusambut awal yg baru..menjadi seorang mahasiswa..^O^<br />wuuuuiiiihhh...gx kebayang mpe skr trnyata waktu cepet bgdh..hahahahaa<blockquote><span style="font-weight: bold;">i always pray 4 my life</span><br /></blockquote><br /><br /></span>Annastasya Liebertyhttp://www.blogger.com/profile/12041718652578281469noreply@blogger.com0