Hyperlink Dasar

-






Halo teman-teman kali ini akan membahas html dasar yaitu Hyperlink adalah metode yang digunakan untuk menghubungkan halaman satu dengan halaman lainnya yang bisa ditemukan dalam artikel, presentasi, Word, dan sejenisnya. Biasanya, hyperlink dibuat dalam bentuk teks atau kata kemudian ditautkan dengan suatu link atau lokasi halaman yang dituju, berikut macam macam Hyperlink.


  • External Link

            Sintaks: <a> href=""></a>

Kalian buat html seperti dibawah lalu menggunakan domain website atau sosial media.Untuk melihat hasilnya buka browser lalu kalian drop file html yang telah dibuat dan nantinya ketika kalian klik "disini" akan ke direct ke facebook atau website yang ingin dituju.









  • Internal Link

            Sintaks: <a> href=""></a>

Buatlah html baru untuk mendirect dari halaman 1 ke halaman 2.



Buka file html yang tersimpan difolder dibrowser kalian nanti nya ada tulisan "disini" yaitu untuk direct ke halaman 2

Ketika berhasil akan muncul halaman 2 dan jika kalian klik "kembali ke latihan1" akan kembali menuju halaman 1.
Buatlah folder baru yang nantinya didalam folder tersebut akan disimpan file html halaman 1


Perubahan terjadi di bagian href untuk halaman 1 menuju halaman 2 diperlukan ".." karna halaman 1 telah berpindah tempat jadi fungsinya ".." adalah naik satu folder diatasnya lalu menuju halaman 1.

Karena halaman 1 tersimpan pada folder "web1" jadi tambahkan saja nama folder tempat tersimpannya halaman 1.

Sama seperti pengerjaan sebelumnya yang membedakan hanya penyimpanan file halaman 1 dimasukan ke folder.


  • Page Anchor
            Sintaks: <li><a> href=""></a></li>

Buatlah file html untuk halaman 3. Karna disini kita menggunakan 3 href, buatlah 3 paragraf seperti dibawah sampai 3 bagian kebawah dan yang diubah hanya pada "id"nya saja.

Seperti inilah tampilan halaman 3 yang telah kita buat

Jika kalian klik link "bagian2" akan mendirect ke bagian paragraf ke 2

Pada bagian ini adalah mendirect link yang dihalaman 1 menuju halaman 3 pada bagian ke 2 paragraf




Cukup sekian dari saya, semoga apa yang saya share disini bisa bermanfaat dan membantu kalian. Terima kasih









Komentar

Posting Komentar

Postingan populer dari blog ini

Filter

-
Gambar
 Filter CSS adalah untuk melakukan berbagai efek terhadap suatu elemen biasanya gambar, efek yang bisa dilakukan properti filter misalnya: saturasi warna, brightness, contrast, efek blur, grayscale, sepia, drop-shadow, invert, hue-rotate, opacity. <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Document</ title >     < style >         img {         filter : brightness ( 300 % ) ;        }         /* Filter             brightness(angka%)             constrast(angka%)             blur(angka px)             saturate(angka%)             grayscale(angka%)             sepia(angka%)             hue-rotate(angka deg)             invert(angka%)             opacity(angka%)             drop-shadow(angka%)             */     </ style > </ head > < body >     < im
Baca selengkapnya

Percabangan Python

-
Gambar
 Hallo balik lagi nih diblog saya setelah sekian lama saya tidak membuat blog. kali ini saya akan membahas tentang Percabangan adalah cara yang digunakan untuk mengambil keputusan apabila di dalam program dihadapkan pada kondisi tertentu, jumlah kondisinya bisa satu, dua atau lebih. percabangan mengevaluasi kondisi atau ekspresi yang hasilnya benar atau salah. Kondisi tersebut disebut ekspresi boolean. Hasil dari pengecekan kondisi adalah True atau False. Bila benar (True), maka pernyataan yang ada di dalam blok kondisi tersebut akan dieksekusi. Bila (False), maka blok pernyataan lain yang dieksekusi. Di Python ada 3 jenis pernyataan yang digunakan untuk percabangan, yaitu sebagai berikut: No Pernyataaan Deskripsi 1. if Pernyataan if terdiri dari ekspresi Boolean diikuti oleh satu baris atau lebih pernyataan 2. If…else Bila pernyataan if benar, maka blok pernyataan if dieksekusi. Bila salah, mak
Baca selengkapnya

Transition

-
Gambar
CSS Transition atau Transisi adalah Efek Transis yang memungkinkan sebuah elemen secara bertahap berubah dari satu gaya ke yang lain. <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Document</ title >     < style >         .kotak {         width : 100 px ;         height : 100 px ;         background-color : red ;         transition : 1 s ;        }         .container {         height : 400 px ;         width : 100 px ;         border : 0.1 px solid black ;        }         .container:hover .kotak {         transform : rotate ( 180 deg );         margin-top : 300 px ;         background-color : yellow ;        }     </ style > </ head > < body >     < div class = "container" >         < div class = "kotak" ></ div
Baca selengkapnya