Jumat, 02 Oktober 2015

Cara Menghapus Virus Shortcut Secara Menyeluruh

Cara Menghapus Virus Shortcut Secara Menyeluruh

Selamat datang kembali di chakra media blog. Sekarang saya akan membahas bagaimana cara menghapus virus shortcut secara menyeluruh. Mengapa saya membahas ini? karena, banyak teman saya yang menjadi korban virus yang satu ini. Virus shortcut yaitu virus yang bekerja dengan cara menyembunyikan file asli dengan shortcut atau bahkan menjadi kosong tetapi memory tetap terisi.

Bagaimana kita mengatasi virus shortcut ini. Mari kita bahas bagaimana cara menghapus virus shortcut secara menyeluruh. Disini saya mempunyai beberapa cara untuk membersihkannya :

1. Cara menghapus virus shortcut dengan CMD
Kita bisa menghapus virus shortcut dengan CMD. Bagaimana caranya? caranya bisa dilihat dibawah ini :

  • pertama, kita buka command prompt atau biasa disingkat cmd, di start untuk di windows 7, atau bisa juga di run-> ketikan CMD
Cara Menghapus Virus Shortcut Secara Menyeluruh

Cara Menghapus Virus Shortcut Secara Menyeluruh
        
  • Setelah tampil cmdnya, pilih drive atau flashdisk yang mana yang mau kita bersihkan. misalnya drive E, kita tinggal ketik di cmd E:.
Cara Menghapus Virus Shortcut Secara Menyeluruh
  • Selanjutnya kita ketik attrib -s -r -h /s /d di cmd kita.
Cara Menghapus Virus Shortcut Secara Menyeluruh
  • Tunggu hingga proses selesai. Setelah selesai kita buka drive yang tadi dibuka di cmd, akan terlihat folder atau file yang di hidden oleh si virus shortcut ini.
  • Hapus virus shortcutnya, selesai deh.
  • trik ini hanya untuk menampilkan file yang di hiddennya saja, kemungkinan masih bisa dimasuki lagi oleh virus shortcut lagi.
2. Cara menghapus virus shortcut dengan Anti Virus.
Cara kedua yaitu menghapus virus shortcut dengan anti virus. Bagaimana caranya? Sahabat bisa menggunakan antivirus smadav untuk scan file hiddennya(ingat hanya untuk buka file hidden), untuk proteksinya kita bisa menggunakan Microsoft Security Essentials. untuk file download smadav sahabat bisa download disini dan microsoft security essentials cari saja di internet karena softwarenya gratis alias freeware. Selama saya memakai microsoft security essentials tidak ada kendala virus, kalaupun ada langsung di hajar.


  • Kita install smadav.
  • Setelah selesai, jangan di enable protectionnya di smadav, karena kita akan menggunakannya sebagai pemindai file yang terhidden oleh virus shortcut ini.
  • Buka smadavnya, dan scan drive yang terinfeksi virus tersebut.
  • Setelah terlihat file yang tersembunyi, kita unhide semua filenya.
  • Selanjutnya kita hapus file shortcut itu. Jika masuk recycle bin hapus lagi hingga punah.
  • Setelah itu sahabat install microsoft security essentials.
  • Dan ketika beres menginstall antivirusnya kita update, atau cari saja di internet database antivursnya, banyak kok.
  • setelah proses install selesai, nyalakan protection.
  • Selamat, sekarang komputer kamu sudah terlindungi oleh antivirus dan terbebas dari virus shortcut.
Sekian dari chakra media blog tentang cara menghapus virus shortcut secara menyeluruh. Silakan komentar jika sobat masih bingung. Terima kasih dan semoga bermanfaat.

Cara Mengaktifkan fitur https di blogspot gratis 2015

Cara Mengaktifkan fitur https di blogspot gratis 2015

Selamat datang kembali sahabat chakra media blog. Sekarang chakra media blog akan share cara mendapatkan https dengan gratis di blogspot. Sebelumnya apakah sahabat tahu apa itu https ? https itu singkan dari Hyper Text Transfer Protocol Secure, loh apa bedanya dengan http biasa ? nah dalam https ini seperti yang sering kita lihat di website besar selalu ada tanda gembok sebelum tulisan https, itu dimaksudkan agar website kita lebih aman dari kata Secure. Itulah sedikit ulasan tentang https.

 Chakra media akan memberitahu cara agar website/blog kita mendapatkan https, perlu diingat https ini hanya untuk blogger yang masih menggunakan .blogspot.com, Jika sahabat menggunakan domain sendiri tidak akan diberi izin oleh pihak blogger. Mari kita masuk ke cara mendapatkan https gratis :
  1. Masuk ke blog kita, jika belum login silakan login terlebih dahulu.
  2. Masuk ke dashboard blog yang ingin kita tambah fitur https.
  3. Masuk ke bagian setelan atau setting.
  4. Setelah melihat https setting atau setelan https kita ubah pilihan no menjadi yes atau tidak menjadi ya, jika masih bingung silakan lihat gambar dibawah ini.
Cara Mengaktifkan fitur https di blogspot gratis 2015

Selesai deh, silakan lihat blog sahabat dengan menggukan https://. Gimana mudah bukan ? demikianlah cara mengaktifkan fitur https di blogspot gratis 2015. Jika sahabat masih bingung, silakan komen dibawah ini. Mungkin cukup sekian postingan dari saya, terima kasih sudah mengunjungi chakra media blog, semoga bermanfaat.

Senin, 28 September 2015

Tutorial HTML Dasar : 10. Mengenal Fungsi Tag Div dan Span

Tutorial HTML Dasar : 10. Mengenal Fungsi Tag Div dan Span

Sekarang kita akan Mengenal tag div dan span, jika sebelumnya sahabat sudah melihat tutorial sebelumnya. Kalau belum kita silakan lihat dulu Tutorial HTML Dasar : 9. Mengenal Tag Table dan List di HTML. Tag ini akan seiring kita jumpai pada template atau web design karena kedua tag ini secara garis besar tidak mempunya arti atau fungsi apa-apa. Tapi, jika kita ingin menjadi web designer kita akan sering menggunakannya. Mari kita bahas tag div dan span dibawah ini.

Pengertian dan fungsi tag div
Div adalah tag block-level yang tidak mempunyai arti sama sekali. Block level ini maksudnya tag yang bisa menyesuaikan dengan lebar web yang tersedia dan ketika ditutup tag div maka tag lain akan tampil di garis baru. Maka dari itu tag ini sering digunakan untuk design web. Berikut adalah contoh tag block level selain div :
  • <div>
  • <h1> - <h6>
  • <p>
  • <form>
Langsung saja, kita buat contohnya :
<!doctype html>
<html>
     <head>
            <title>Belajar Div dan Span</title>
     </head>
     <body>
            <div style="background-color:lightblue; ">
               <h2>Belajar Div</h2>
               <p> Bandung adalah kota di provinsi Jawa Barat.</p>    
            </div>
     </body>
</html>
Coba buat file html seperti diatas dan lihat hasilnya, akan tampil background biru muda sesuai lebar website atau browsernya. Itulah mengapa seorang designer web menggunakan div untuk designnya.

Pengertian dan fungsi tag Span
Span adalah tag inline yang tidak mempunyai arti sama seperti div. Inline biasanya digunakan didalam sebuah container atau didalam tag div. Tag span tidak mempunyai attribut, tapi sering digunakan attribut class atau id, untuk menghubungkan dengan css maupun javascript. Berikut contoh tag iniline :

  • <span>
  • <a>
  • <img>
Sekarang mari kita buat contohnya :
<!doctype html>
<html>
     <head>
            <title>Belajar Div dan Span</title>
     </head>
     <body>
            <div style="background-color:lightblue; ">
               <h2>Belajar Div</h2>
               <p> <span style="color:grey">Bandung<span> adalah kota di provinsi Jawa Barat.</p>  
            </div>
     </body>
</html>
 Coba edit file tedi menjadi seperti diatas. Bagaimana sobat? mengerti kan sekarang tentang fungsi div dan span. Jika belum mengerti komen aja dibawah ini. Terima kasih telah membaca Tutorial HTML Dasar : 10. Mengenal Fungsi Tag Div dan Span, Semoga bermanfaat.

Minggu, 27 September 2015

Kapan Ulang Tahun Google? Ternyata Google Ulang Tahun Hari ini 27 September

Kapan Ulang Tahun Google? Ternyata Google Ulang Tahun Hari ini 27 September

Halo sahabat chakra media blog, dari judul Kapan Ulang Tahun Google?, pasti berntanya-tanya ada apa di google doodle hari ini? ternyata sekarang adalah ulang tahun google yang ke 17. Dengan tema Kapan Ulang Tahun Google?, ulang tahun google ini dirayakan pada hari ini 27 september hari ini.

Sudah bertahun-tahun google menjadi raksasa di dunia internet atau search engine, google sudah merayakan ulang tahun yang ke 17. Mari kita lihat siapa aktor dibalik suksesnya google, mereka adalah Larry Page dan Sergey Brin. Larry Page dan Sergey Brin mendirikan google pada tanggal 4 september, 3 hari setelah didirikan, google resmi menjadi coporasi pada tanggal 7 September. Tapi pada tahun 2005 google mengganti tanggal ulang tahun mereka menjadi tanggal 27 September.

Google sudah menemani kita bertahun-tahun lamanya dan google telah menjadi raksasa search engine dan diperkuat dengan fitur layanan yang lain seperti gmail, youtube yang sekarang juga menjadi situs streaming video terbesar didunia, ditambah lagi dengan os android yang menjamur di seluruh dunia membuat perusahaan google ini kokoh di papan atas dunia internet.

Dengan tema yang simpel dan sederhana ini, google doodle menampilkan sebuah komputer menggunakan topi khas ulang tahun, dan ada 2 buah balon yang menghiasi meja komputernya dengan layar yang menunjukan mesin pencari google itu sendiri. Cukup sekian berita atau informasi tentang Kapan Ulang Tahun Google? ini, terima kasih telah mengunjungi blog saya dan semoga bermanfaat.
Selamat ulang tahun google yang ke-17.

Sabtu, 26 September 2015

Tutorial HTML Dasar : 9. Mengenal Tag Table dan List di HTML


Selamat datang kembali di chakra media blog. Sekarang mari kita belajar Tag table dan list di HTML. Setelah sebelumnya mempelajari tutorial HTML dasar : 8. Mengenal Hyperlink dan image di HTML, Jika belum memperlajari hyperlink dan image, silakan klik saja link diatas.

Belajar Tag Table
Table adalah sebuah tag yang digunakan untuk membuat tabel. Tag table ini akan sering kita gunakan dalam aplikasi web ataupun website. Tag table ini cukup mudah untuk dikuasai asalkan kita mengerti konsep awalnya saja.

Baik, kita langsung saja membuat contohnya :
<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
     </head>
     <body>
            <table style="width:100%">
                     <tr>
                            <th> Nama Depan </th>
                            <th> Nama Tengah </th>
                            <th> Nama Akhir </th>
                     </tr>
                     <tr>
                            <td> Chakra </td>
                            <td> Bernat </td>
                            <td> Yusuf </td>
                     </tr>
            </table>
     </body>
</html>
 Coba sobat buat dan lihat di web browser. Loh kok namanya tag table tapi yang muncul data tilisannya saja ?? tenang nanti saya akan jelaskan. Sekarang saya akan jelaskan dulu fungsi tag diatas. Tag <table> => ini adalah tag pembukan untuk membuat sebuah tabel, <tr> => tr ini singkatan dari table rows tag ini berfungsi untuk menambahkan baris pada tabel, <th> => th singkatan dari  table headings tag ini berfungsi untuk menambahkan data heading atau judul data didalam tabel, dan <td> => td singkatan dari table data tag ini berfungsi untuk menambahkan data didalam tabel. Setelah mengetahui fungsi dari tag diatas, saya akan coba menjelaskan pembahasan tadi yaitu, kenapa di tag table hanya tampil datanya saja tidak ada garis tabelnya ? untuk membuat garis tabel kita bisa menambahkan properti border di style atau attribut border di table. Silakan sobat edit file htmlnya :
<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
            <style>
                     table,th,td{border:1px solid black;}th{text-align:left}
            </style>
     </head>
     <body>
            <table style="width:100%">
                     <tr>
                            <th> Nama Depan </th>
                            <th> Nama Tengah </th>
                            <th> Nama Akhir </th>
                     </tr>
                     <tr>
                            <td> Chakra </td>
                            <td> Bernat </td>
                            <td> Yusuf </td>
                     </tr>
            </table>
     </body>
</html>
Sekarang save dan coba lihat di web browser, border atau garis tabel akan nampak.Tapi garisnya akan membagi semuanya bukan satu garis seperti tabel pada umumnya. Mari kita buka lagi file htmlnya dan tambahkan sintak berikut :
<style>
                     table,th,td{border:1px solid black;border-collapse:collapse;}
</style>
 Sobat tinggal tambah di tag style => border-collapse:collapse; , lihat perbedaannya. Agar judul tabelnya berada di sebelah kiri kita tambahakan di tag style th{text-align:left} , coba sobat lihat di web browser. Di tag table ini ada attribut yang sering dipakai yaitu colspan dan rowspan. Attribut colspan gunanya menggabungkan kolom atau tag <td>/<th> dan rowspan gunanya menggabungkan row atau <tr>. langsung kita lihat contohnya :
<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
            <style>
                     table,th,td{border:1px solid black;}td{text-align:center}
            </style>
     </head>
     <body>
            <table style="width:100%">
                     <tr>
                            <th rowspan="2"> Nama </th>
                            <th colspan="2"> Daerah </th>
                     </tr>
                     <tr>                            <th> Asal </th>
                            <th> Sekarang </th>
                     </tr>
                     <tr>                            <td> Chakra </td>
                            <td> Soreang </td>
                            <td> Bandung </td>
                     </tr>
            </table>
     </body>
</html>
Sahabat bisa lihat sendiri perbedaannya setelah save sintak diatas.
Belajar Tag List
Sekarang kita akan Belajar tag list di html. Tag list ini ada 2, yaitu unordered list atau <ul> dan ordered list <ol>. Pertama kita belajar unordered list terlebih dahulu. Unordered list adalah list yang tidak berdasarkan urutan. Kalau masih bingung lihat saja contoh sintaknya :
<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
     </head>
     <body>
           <ul>
                <li>Jeruk</li>
                <li>Anggur</li>
                <li>Strawberry</li>
           </ul>
     </body>
</html>
Cobalah buat file baru dengan disintak diatas, kita akan melihat seperti point atau titik sebelum teks. Kita bisa ganti point atau titiknya itu bisa dengan kotak, dan lain-lain, silakan coba attribut style di tag ul berikut :
list-style-type:circle
list-style-type:circle
list-style-type:square
list-style-type:none
Contoh:
<ul style="list-style-type:circle">
                <li>Jeruk</li>
                <li>Anggur</li>
                <li>Strawberry</li>
</ul>
Silakan sahabat coba satu persatu. Sekarang mari kita belajar ordered list atau ol. Ordered list adalah list yang dibuat untuk data berurutan. Langsung ke contohnya :
<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
     </head>
     <body>
           <ol>
                <li>Jeruk</li>
                <li>Anggur</li>
                <li>Strawberry</li>
           </ol>
     </body>
</html>
Coba save file tersebut dan lihat di browser sobat. Itu adalah contoh ordered list, sekarang mari kita ganti angkanya dengan yang lain engan menambahkan attribut type di tag ol, berikut daftar attribut type yang bisa digunakan di tag ol :
type="1" => Tipe ini adalah tipe default yaitu nomor biasa
type="A" => Tipe ini adalah list dengan huruf kapital.
type="a" => Tipe ini adalah list dengan huruf kecil.
type="I" => Tipe ini adalah list dengan angka romawi besar.
type="i" => Tipe ini adalah list dengan angka romawi kecil.
Contoh :
<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
     </head>
     <body>
           <ol type="I">
                <li>Jeruk</li>
                <li>Anggur</li>
                <li>Strawberry</li>
           </ol>
     </body>
</html>
Coba attribut diatas satu persatu, agar sobat tau perbedaannya. Sekarang saya sudah membuat tugas untuk sahabat chakra media blog, silakan lihat gambar dibawah ini :


Tugasnya yaitu sahabat harus membuat file html persis seperti diatas. Mungkin cukup sekian postingan dari saya, terima kasih dan semoga bermanfaat.

Kamis, 24 September 2015

Tutorial HTML Dasar : 8. Mengenal Hyperlink dan image di HTML

Tutorial HTML Dasar : 8. Mengenal Hyperlink dan image di HTML

Selamat datang Kembali di Chakra media blog. Sekarang saya akan mencoba mengenalkan kepada sahabat tentang Hyperlink dan image di HTML. Sebelum membaca tutorial kali ini, alangkah baiknya sahabt membaca dulu postingan sebelumnya tentang Tutorial HTML Dasar : 8. Mengenal Formatting dan komentar di HTML. Gimana, sobat blog udah buat tugas yang saya berikan di tutorial atau postingan sebelumnya ?? jika belum mending baca-baca dulu tutorial HTML dasar yang lalu deh, biar gak pusing dan belajarnya terstruktur.

Belajar Hyperlink

Nah, sekarang kita akan belajar atau mempelajari tentang Hyperlink. apa sih hyperlink itu ?? Hyperlink adalah suatu teks ataupun gambar yang bisa di klik untuk menuju ke dokumen lain. Kalo di HTML ini gak ada hyperlink gak afdol dong, kan tujuan html dibuat juga salah satunya untuk mempermudah berpindah dari dokumen satu ke dokumen lainnya.

Baik sekarang saya akan membuat sebuah contoh dari hyperlink untuk di pelajari oleh sahabat, Langsung saja :

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
           <a href="http://www.chakra-media.tk"> Ini hyperlink </a>
     </body>
</html>
 Coba buat file htmlnya dan lihat hasilnya di web browser.
Saya akan coba jelaskan <a => ini tag hyperlink, href => attribut ini berfungsi untuk mencari tujuan dokumen yang akan kita buka, dan "http://www.chakra-media.tk" => ini value atau nilai atau isi dari href yang akan mengantar kita ke alamat web tersebut. Untuk sobat yang masih kebingungan, saya akan buatkan 2 contoh hyperlink :
<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <a href=""> Menuju hyperlink1 </a>
     </body>
</html>
 Kosongkan dulu value href-nya. Buatlah file HTML seperti diatas dengan nama hyperlink2.html, lalu buka file di web browser sobat dan lihat di address barnya dan copy-lah. contoh gambarnya.

Lalu buatlah sebuah file HTML kembali :
<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <a href="file:///D:/Blog/TUTORIAL%20DASAR%20HTML/hyperlink2.html"> menuju hyperlink2 </a>
     </body>
</html>
 Paste-lah hasil copy tadi di dalam href, Lalu save satu folder dengan hyperlink2.html, dan beri nama hyperlink1.html. buka di web browser, lihat apakah berhasil atau tidak, jika berhasil, lakukan copy seperti contoh yang di atas, dan sekarang buka lagi hyperlink2.html. paste hasil copy tadi ke dalam attribut href, seperti di hyperlink1.html, Lalu save kembali.
Sekarang coba buka file hyperlink1.html dan coba klik menuju hyperlink2, jika berhasil akan tampil tulisan menuju hyperlink1.

Agar ketika klik membuka ditab berbeda kita tinggal menggunakan attribut Target dan valuenya yaitu _blank. contoh :
<a href="http://www.chakra-media.tk" target="_blank"> menuju hyperlink2 </a>
Kita juga bisa berpindah ke teks lain bukan ke dokumen di hyperlink ini, mari kita coba buat contohnya :
<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <a href="#teks5"> Loncat ke teks5 </a><br/>
              <h2>Teks 1</h2>
              <p>Ini adalah teks 1</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2>Teks 2</h2>
              <p>Ini adalah teks 2</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2>Teks 3</h2>
              <p>Ini adalah teks 3</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2>Teks 4</h2>
              <p>Ini adalah teks 4</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2 id="teks5">Teks 5</h2>
              <p>Ini adalah teks 5</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2>Teks 6</h2>
              <p>Ini adalah teks 6</p><br/><br/><br/><br/><br/><br/><br/><br/>
     </body>
</html>
Coba sobat buat file seperti itu, dan coba klik hyperlinknya, jika berpindah berarti itu berhasil. Kenapa saya pakai tag <br/> banyak sekali ?? Karena agar terlihat pindahnya ke teks 5 tersebut. Jika satu halaman saja tidak akan bereaksi karena sudah terlihat. Tanda # di href ini berpasangan dengan attribut id, jadi kita HTML memanggil attribut id dengan value teks5 dengan tanda #teks5 di href.

Perlu diingat hyperlink ini tidak harus teks, bisa juga dengan image dan akan dibahas dibawah.
Untuk pelajaran hyperlink cukup sekian, sekarang kita akan belajar tag image dan kita bisa kolaborasikan dengan tag hyperlink ini.

Belajar Image

Setelah kita belajar hyperlink, sekarang kita akan belajar tentang Image. Image adalah tag yang digunakan untuk memunculkan gambar dalam sebuah web. Nanti akan saya kolaborasikan dengan tag hyperlink. Image ini support gambar jpg, png, dan gif. Misal kita ingin memasukan gambar .gif yang gerak, kita bisa menampilkannya di browser.

Langsung ke contohnya, tapi sobat harus menyimpan file gambar satu folder dengan file ini, saya menyimpan gambar bernama smiley.jpg dalam satu folder :
<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <h3>Belajar Tag Image</h3>
            <img src="smiley.jpg" alt="Ini gambar Smiley">
     </body>
</html>
 Nah coba sobat buat seperti sintak diatas, dan lihat di web browser, jangan lupa ganti value smiley.jpg ini menjadi nama gambar sobat. Penjelasannya <img => tagnya, src => attribut untuk memanggil file gambarnya, dan alt => attribut untuk mendeskripsikan atau menggambarkan gambar dalam bentuk teks.
Sekarang saya akan coba buat 2 image dengan berbeda tempat di browser dengan menggunakan float di attribut style.
<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <h3>Belajar Tag Image</h3>
            <img src="smiley.jpg" alt="Ini gambar Smiley" style="float:right">
            <img src="smiley.jpg" alt="Ini gambar Smiley" style="float:left">
     </body>
</html>
 Sekarang coba sobat buat sintak seperti diatas, pasti akan berbeda tempat kan ? itu gunanya float di attribut style atau nanti di css.
Sebenarnya di tag image ini ada attribut widht dan height di html5 masih digunakan, tapi memang kurang bagus menggunakan attribut itu. Kita menggantinya dengan attribut style atau di css width dan height. Contoh :
<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     <style>
             img{
                    width:100%;
             }
     </style>
     </head>
     <body>
            <h3>Belajar Tag Image</h3>
            <img src="smiley.jpg" alt="Ini gambar Smiley" style="width:223px;height:226px;">
            <img src="smiley.jpg" alt="Ini gambar Smiley" width="223px" height="226px">
     </body>
</html>
 Silakan sobat coba dan lihat perbedaannya. Jadi kalau menggunakan style properti width height ukurannya tidak berubah, tapi kalau menggunakan attribut width dan height akan mengubah ukuran width. Itu karena, pengaruh dari img{ width:100%;}, maksud dari 100% ini ukurannya mengikuti perintah, jika dengan attribut style sintaknya terhubung jadi di perintah img pertama gambar ukurannya tetap mengikuti perintah di attribut style, akan tetapi jika menggunakan attribut width dan height tidak terhubung jadi maksud dari 100% di tag style di atas membuatnya seukuran atau mengikuti ukuran web browser.

Setelah mempelajari tag image, sekarang mari kita satukan semua pelajaran ini. Kita bisa membuat hyperlink dengan tag image. Langsung ke contohnya :
<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     <style>
             img{
                    width:100%;
             }
     </style>
     </head>
     <body>
            <h3>Belajar Tag Hyperlink dengan Image</h3>
            <a href="http://chakra-media.tk">
            <img src="../image/logo.png" alt="Ini Logo Chakra Media" style="width:223px;height:226px;">
            </a>
     </body>
</html>
Tanda ../ di attribut src maksudnya untuk keluar dari folder awal /image untuk masuk ke folder image dan /logo.png untuk mengambil gambarnya. Silakan pelajari, tanyak jika ada yang kurang mengerti, saya akan coba membantu. Terima kasih sudah mengunjungi blog saya dan semoga bermanfaat.
Diberdayakan oleh Blogger.