• Home
  • Contact

HIMAKA UNITRI

  • Beranda
  • aplikasi handpone
  • aplikasi komputer
  • pes 2013
  • tips dan trick
  • tutorial blogger
  • tutorial komputer dan windows
Beranda » tutorial blogger » Cara Membuat Link dan Menyisipkan Gambar di HTML

Cara Membuat Link dan Menyisipkan Gambar di HTML

selamat mlm bro semuanya,.. kali kita akan belajr tentang bagaimna membuat link dan menyisipkan gambar di HTML,mungkin kebanyakn dari kita sudah tau apa itu link dan html jadi ndkperlu saya jelaskan,.langsung saja lah kita belajar,.. dan smoga bermanfaat
  



CaraMembuat Link dan Menyisipkan Gambar di HTML

Cara Membuat Link

Untuk menyisipkan link, digunakan tag <a>. Susunan sederhananya adalah :
<a href="URL">Teks</a>
Contoh penulisannya :
<a href="http://cara-caranya.blogspot.com">Ini Link Menuju ke Tip Komputer dan Internet</a>

Hasilnya, sebaris kata "Ini Link Menuju ke Tip Komputer dan Internet" akan berubah menjadi objek link yang siap di-klik pengunjung.

Cara Menyisipkan Gambar.

Untuk menyisipkan gambar, digunakan tag <img>. Susunan sederhananya adalah :

<img src="URL GAMBAR" />

Contoh penulisannya :

<img src="http://www.google.co.id/intl/id_id/images/logo.gif" />

Hasilnya, gambar logo Google akan tampil di browser.

Gambar juga bisa dijadikan sebuah link, caranya cukup menempatkan tag <img> di antara tag <a> :

<a href="URL"><img src="URL GAMBAR" /></a>

Mengenal Atribut
Beberapa tag HTML menggunakan atribut. Atribut merupakan informasi tambahan yang disisipkan ke sebuah tag pembuka. Susunannya adalah namaatribut=”nilai”.

Jika Anda perhatikan kembali, contoh tag <a> dan <img> di atas disertai atribut :

href=http://cara-caranya.blogspot.com
src=" http://www.google.co.id/intl/id_id/images/logo.gif

Atribut href dipakai untuk merujuk URL target link, sedangkan atribut src dipakai untuk merujuk URL target gambar yang akan ditampilkan. Tag <a> dan <img> juga dapat diberi beberapa atribut lainnya.

Sebagian besar tag HTML dapat disisipi atribut. Ada beberapa atribut yang bisa diterapkan di berbagai tag, namun ada juga atribut yang hanya bisa diterapkan ke tag tertentu, seperti tag <a>dan <img> di atas.

Atribut antara lain lazim dipakai untuk memformat style teks dan gambar, mengatur warna, dan mengatur tabel.

style="background-color:red" (mengatur warna latar menjadi merah)
style="font-size:12px" (mengatur ukuran huruf menjadi 12 piksel)
style="font-family:Verdana" (mengatur teks menggunakan font Verdana)
style="text-align:center" (mengatur teks menjadi rata tengah)

Contoh pemakaiannya, coba sisipkan atribut style pada tag <BODY> agar warna halaman web menjadi merah :

<BODY style="background-color:red">

Sebagai referensi, daftar lengkap tag HTML dan atribut yang dapat menyertainya bisa Anda lihat di situs internet : http://www.w3schools.com/tags/default.asp.

sampai dsni dulu pembelajaran kita tentang "Cara Membuat Link dan Menyisipkan Gambar di HTML" dan semoga apa yang kita plajari ini bermanfaat,..aminn,.wasaalam
Unknown
Add Comment
tutorial blogger
Wednesday, 10 September 2014
Tweet
Cara Membuat Link dan Menyisipkan Gambar di HTML HIMAKA UNITRI
Published: 2014-09-10T11:15:00-07:00
Title:Cara Membuat Link dan Menyisipkan Gambar di HTML
Rating: 5 On 22 reviews

Related Articles

No comments:

Post a Comment

Newer Older Home

Entri Populer

  • Popular Posts
    Download Aplikasi BBM versi 1.0.0.70.
    Download Aplikasi BBM versi 1.0.0.70. Buat anda yang handphonenya masih belum bisa Download Aplikasi BBM di Playstore Android, saya akan...
  • Popular Posts
    Cara Memasukkan atau Menambah/Memasang Power Point/Slide Show ke Blog
    Met malam dan assalamualaikum Wr.Wb, kali ini saya akan berbagi tutorial “Cara Memasukkan atau Menambah/Memasang Power Point/Slide Show ke...
  • Popular Posts
    Cara Membuat Meta Tag Spind SEO Friendly
    Di awal tahun 2014 ini saya ingin bagikan bagaimana Cara Membuat Meta Tag Spind SEO Friendly yang sedang hangat dibicarakan oleh  master...

unitri dan himaka

unitri dan himaka

Blog Archive

  • ►  2015 (19)
    • ►  March (17)
    • ►  February (1)
    • ►  January (1)
  • ▼  2014 (52)
    • ►  December (1)
    • ►  November (2)
    • ►  October (3)
    • ▼  September (27)
      • Cara Mendapatkan BackLink Berkualitas Dari W3 Dire...
      • Cara Memasang Widget Search Engine Di blog
      • Cara Memasukkan atau Menambah/Memasang Power Point...
      • Cara Memasang WIdget CCTV di blog
      • Cara Menampilkan Postingan Di Google PLus
      • Mengoptimasikan SEO Menggunakan Anchor Text
      • Cara Mendaptar RSS Feeds Google Plus
      • Tips Merubah Scroll Bar Di Blog Dengan Mudah Dan C...
      • 3 software untuk menaikkan visitor,backlink,dan al...
      • Daftar Kode HTML Warna Web atau blog yang Aman
      • Cara Membuat Link dan Menyisipkan Gambar di HTML
      • Cara Setting Koneksi VPN Windows 8
      • cara bedaftar PPC di ADF.LY
      • Cara Meningkatkan Visitor (Pengunjung) Blog Dengan...
      • cara Mengatasi Bluescreen Pada Laptop Acer
      • 5 Cara Mearawat Laptop Biar Tidak Cepat Panas
      • 5 cara / tips SEO Menulis Artikel Blog
      • Cara Setting Modem Smartfren Agar Koneksi Lebih Cepat
      • Cara Menambahkan Peta Situs Ke Webmaster Google
      • 5 Daftar PPC Lokal Terbaik INDONESIA
      • cara mendaftar dan memasang DMCA di blog
      • Update Jersey Kits Terbaru PES 2013
      • Download Aplikasi BBM versi 1.0.0.70.
      • Cara Membuat Aplikasi Facebook
      • Cara Membuat Meta Tag Spind SEO Friendly
      • Solusi Memperbaiki Ekstensi .exe Tidak Bisa Dibuka
      • Cara Atasi Bad Sector Pada Hardisk Komputer
    • ►  August (19)

Social Icons

Featured Posts

Powered by Blogger.

Social Icons

Labels

  • aplikasi handpone (4)
  • aplikasi komputer (13)
  • Aplikasi MYOB Versi 17 (1)
  • education (5)
  • kumpulan cordh gitar (8)
  • pes 2013 (5)
  • tips dan trick (9)
  • tutorial blogger (27)
  • tutorial komputer dan windows (13)

About Me

Unknown
View my complete profile

Footer Text

Adam Smith

Buat Lencana Anda
Submit Your Site To The Web's Top 50 Search Engines for Free!

Total Pageviews

Sparkline

Footer Text

DMCA.com Protection Status
posting by adam smith | akuntansi