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.
 | |
| 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>
 |
| Image HTML |
Sampai disini Tutorial Belajar HTML Mempelajari Link Anchor Dan Image HTML, semoga bermanfaat.
- Salam -
Tidak ada komentar
Posting Komentar
Dilarang SPAM Komentar!