Belajar Html (Part 4): Mempelajari Link Anchor Dan Image Html
- Hallo biar semua baik-baik saja. Ada yang masih belum tahu apa itu Link Anchor? tenang, buat yang belum tahu memang artikel ini dibentuk untuk pembelajaran bersama, yang sudah tahu silakan saja kalau mau di skip.
Tutorial Belajar HTML Mempelajari Link Anchor HTML
Link Anchor HTML ialah link aktif atau teks aktif yang sanggup dibuka atau diklik dan akan menuju alamat tujuan link tersebut. Link menjadi penghubung antara satu halaman dengan halaman yang lain. Dengan Link kita sanggup menciptakan alamat tujuan kemana saja, hanya masukan alamat link saja didalam instruksi link anchor HTML nya. Link ditandai dengan nama Anchor dengan Tag <a>.
Tag <a> memiliki atribut href yang artinya digunakan untuk link tujuan.
Contoh penulisan Link Anchor: <a hef="http://www.senikoding.com" title="Belajar HTML (Part 4): Mempelajari Link Anchor Dan Image HTML">SeniKoding</a>
Contoh penulisan didalam instruksi HTML:
<!DOCTYPE html> <html> <head> <title>Belajar HTML Membuat Link</title> </head> <body> <a href="http://www.senikoding.com" title="Belajar HTML (Part 4): Mempelajari Link Anchor Dan Image HTML">SeniKoding</a> </body> </html>
Jika user meng klik link SeniKoding, maka user akan di redirect ke link tujuan yaitu www.senikoding.com.
 | |
| Link Anchor |
Tutorial Belajar HTML Mempelajari Image HTML
Image HTML atau disebut Gambar ialah gambar yang ditampilkan didalam halaman website dengan cara memanggil file gambar yang bersangkutan. Tampilan halaman website akan lebih menarik kalau ditambahkan media gambar. HTML mendukung banyak format gambar menyerupai : GIF, JPEG, PCX, PNG, WMF, dan lain-lain. Namun kebanyakan pengguna memakai format GIF, JPEG, PNG. Untuk memakai atau menampilkan gambar digunakan tag <img>.
Tag <img> memiliki banyak atribut, menyerupai :
- src : Digunakan untuk mengambarkan URL atau direktori daerah file gambar berada.
- width : Digunakan untuk mengatur lebar gambar.
- bheight : Digunakan untuk mengatur tinggi gambar.
- alt : Digunakan untuk menampilkan teks pengganti gambar kalau gambar tidak sanggup ditampilkan.
- title : Digunakan untuk memberi nama / judul suatu gambar.
- align : Digunakan untuk mengatur posisi teks disekitar gambar. Nilai yang digunakan ialah Top, Middle, Bottom, Left, Right. Atribut ini tidak dikenali di HTML5 dan mulai ditinggalkan di HTML4.
Contoh penulisan instruksi Image HTML:
<!DOCTYPE html> <html> <head> <title>Belajar HTML Membuat Link</title> </head> <body> <a href="http://www.senikoding.com" title="Belajar HTML (Part 4): Mempelajari Link Anchor Dan Image HTML" style="font-size:30px;">SeniKoding</a> <p><img src="../img/cover-html.png" title="Belajar HTML (Part 4): Mempelajari Link Anchor Dan Image HTML" alt=" buat yang belum tahu memang artikel ini dibentuk untuk pembelajaran bersama Belajar HTML (Part 4): Mempelajari Link Anchor Dan Image HTML" width="200px" height="200px"/></p> </body> </html>
 |
| Image HTML |
Sampai disini Tutorial Belajar HTML Mempelajari Link Anchor Dan Image HTML, biar bermanfaat.
- Salam -