Basic Web Programming - M. Rafli Maftuh A.

 Image Map di HTML Cara Membuat Image Map Siapkan gambar yang ingin digunakan gambar komputer.jpg akan di gunakan sebagai image map dan gambar hp, komputer2, serta kopi akan digunakan sebagai gambar yang akan muncul ketika map nya di klik kemudian buka web  image map kemudian, mapping bagian yang ingin di buat map dan isi link, title, serta targetnya Jika sudah, klik "Show Me The Code!" untuk mendapatkan kodenya Buka VS Code lalu buat file index.html untuk paste kode yang sudah dicopy buat juga file komputer.html, hp.html, dan kopi.html untuk menyimpan kode untuk menampilkan gambar spesifik dari gaambar yang di klik mapping nya tampilan web ketika gambar laptop di klik tampilan web ketika gambar hp di klik tampilan web ketika gambar kopi di klik Link Github

IMAGE DAN PICTURE Image HTML image < img > adalah tag yang berfungsi untuk menambahkan gambar pada halaman web. Tag ini tidak memerlukan penutup dan kamu bisa langsung menambahkannya ke dalam kode HTML. Sintaks dasarnya adalah < img src ="URL_gambar" >, di mana "URL_gambar" adalah alamat tempat gambar tersebut disimpan. Picture Tag ini <picture>memberi pengembang web lebih banyak fleksibilitas dalam menentukan sumber daya gambar. Penggunaan elemen yang paling umum <picture> adalah untuk arahan seni dalam desain responsif. Daripada memiliki satu gambar yang diperbesar atau diperkecil berdasarkan lebar viewport, beberapa gambar dapat dirancang agar lebih sesuai dengan viewport browser. Jika membuka tampilan window sama / kurang dari 1000px, maka akan ditampilkan gambar "img1.jpg".  Jika membuka tampilan window tidak sama / kurang dari 1000px, maka akan ditampilkan gambar "img2.jpg". 

BLOCK DAN INLINE DI HTML Di dalam HTML, semua element memiliki nilai display, tergantung dari jenis element yang digunakan Ada dua nilai untuk display, block dan inline Display Block   Display block selalu memulai baris baru di halaman web. Elemen ini akan mengambil seluruh lebar yang tersedia, dengan margin atas dan bawah, tetapi bukan di samping. Contoh: div h1 - h6 ul li p jika dilihat pada hasil tampilannnya, setiap bagian akan membuat baris baru dibawahnya seperti menggunakan Enter Display Inline Berbeda dengan display block, display Inline tidak memulai baris baru dan hanya mengambil lebar sebanyak yang diperlukannya saja. Contoh: a img input button jika dilihat pada hasil tampilannnya, setiap bagian akan diteruskan di sampingnya tanpa harus membuat baris baru. github: https://github.com/RafliMaftuh/Basic-Web-Programming/tree/main/PART6

Pembahasan Link, Relative dan Absolute URL, Bookmark di HTML Pengetian Link Link dalam HTML adalah bagian dari web development yang berfungsi untuk menghubungkan satu halaman dengan halaman lain atau ke website lain. Link HTML juga dikenal sebagai hyperlink, link HTML dapat berupa teks, gambar, atau elemen HTML lainnya. Tag a Untuk membuat link HTML, Anda bisa membungkus teks atau konten lain di dalam elemen <a> dan menggunakan atribut href yang berisi lokasi tujuan link tersebut, Tag a juga memiliki attribute target yang digunakan sebagai target jendela Web Browser, kita bisa gunakan nilai target=”_self”, artinya halaman akan ditampilkan di halaman yang sama, ini adalah bawaan default, kemudian target=”_blank”, artinya halaman akan ditampilkan di jendela baru di Browser, Tag a juga memiliki attribute title, untuk menuliskan judul yang keluar ketika mouse berada di atas Link tersebut Absolute URL Saat kita menulis halaman tujuan dari href di Link, kita bisa menggunakan absolute U...