Belajar HTML (Part 4): Mempelajari Link Anchor Dan Image HTML

tutorial belajar HTML

SeniKoding.com - Hallo semoga semua baik-baik saja. Ada yang masih belum tahu apa itu Link Anchor? tenang, buat yang belum tahu memang artikel ini dibuat untuk pembelajaran bersama, yang sudah tahu silakan saja kalau mau di skip.

Tutorial Belajar HTML Mempelajari Link Anchor HTML


Link Anchor HTML adalah link aktif atau teks aktif yang bisa dibuka atau diklik dan akan menuju alamat tujuan link tersebut. Link menjadi penghubung antara satu halaman dengan halaman yang lain. Dengan Link kita bisa membuat alamat tujuan kemana saja, hanya masukan alamat link saja didalam kode link anchor HTML nya. Link ditandai dengan nama Anchor dengan Tag <a>.

Tag <a> mempunyai atribut href yang artinya digunakan untuk link tujuan.
Contoh penulisan Link Anchor: <a hef="http://www.senikoding.com" title="Situs Berita Teknologi Dan Tutorial">SeniKoding</a>

Contoh penulisan didalam kode HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar HTML Membuat Link</title>
    </head>
    <body>
       <a href="http://www.senikoding.com" title="Situs Berita Teknologi Dan Tutorial">SeniKoding</a>
    </body>
</html>

Jika user meng klik link SeniKoding, maka user akan di redirect ke link tujuan yaitu www.senikoding.com.

tutorial belajar HTML
Link Anchor

Tutorial Belajar HTML Mempelajari Image HTML


Image HTML atau disebut Gambar adalah gambar yang ditampilkan didalam halaman website dengan cara memanggil file gambar yang bersangkutan. Tampilan halaman website akan lebih menarik jika ditambahkan media gambar. HTML mendukung banyak format gambar seperti : GIF, JPEG, PCX, PNG, WMF, dan lain-lain. Namun kebanyakan pengguna menggunakan format GIF, JPEG,  PNG. Untuk menggunakan atau menampilkan gambar digunakan tag <img>.

Tag <img> mempunyai banyak atribut, seperti :

- src : Digunakan untuk menunjukan URL atau direktori tempat file gambar berada.
- width : Digunakan untuk mengatur lebar gambar.
- bheight : Digunakan untuk mengatur tinggi gambar.
- alt : Digunakan untuk menampilkan teks pengganti gambar jika gambar tidak dapat ditampilkan.
- title : Digunakan untuk memberi nama / judul suatu gambar.
- align : Digunakan untuk mengatur posisi teks disekitar gambar. Nilai yang dipakai adalah Top, Middle, Bottom, Left, Right. Atribut ini tidak dikenali di HTML5 dan mulai ditinggalkan di HTML4.

Contoh penulisan kode Image HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar HTML Membuat Link</title>
    </head>
    <body>
       <a href="http://www.senikoding.com" title="Situs Berita Teknologi Dan Tutorial" style="font-size:30px;">SeniKoding</a>
       
       <p><img src="../img/cover-html.png" title="Belajar HTML" alt="Belajar HTML"  width="200px" height="200px"/></p>
    </body>
</html>

tutorial belajar HTML
Image HTML

Sampai disini Tutorial Belajar HTML Mempelajari Link Anchor Dan Image HTML, semoga bermanfaat.

- Salam -


Berlangganan Artikel Kami Gratis, masukan Email dan Verifikasi:

0 Response to "Belajar HTML (Part 4): Mempelajari Link Anchor Dan Image HTML"

Post a Comment

* Berkomentar sesuai tema ya gaes..

- Terima Kasih -