#Part3 Belajar HTML - Membuat Hyperlink

azwarrangkuti (67)in #indonesia • 6 years ago

Saya berusaha untuk konsisten belajar HTML. Walau materi yang saya pelajari sedikit, namun yang penting saya bisa menguasainya. Hari ini saya belajar HTML mengenai cara membuat Hyperlink.

Di HTML kita dapat membuat hyperlink untuk memberikan tautan dari satu teks atau gambar ke dokumen atau bagian lain dalam suatu dokumen. Cara membuatnya adalah <a href="http://www.harianandroid.xyz">link ke Harian Android</a>

a. Membuat Link untuk window baru

Untuk membuka link ke window baru dapat kita tambahkan atribut target="_blank". Jadi sintaksnya Buka Halaman <a href="http://www.harianandroid.xyz"target="_blank">Harian Android</a> di window baru

b. Membuat Link untuk Email

Sintaksnya adalah <a href="mailto:[email protected]">Email Kami </a>

c. Membuat Link untuk gambar

Sintaksnya adalah <a href="http://www.harianandroid.xyz"><img src="LINK GAMBAR" width="600px" height="400px" border="no" /></a>

Contoh:
<a href="http://www.harianandroid.xyz"><img src="https://images.unsplash.com/photo-1486174070967-b0f1610f76de?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=821a14f7addefb1caa4780ae27c65052&auto=format&fit=crop&w=750&q=80" width="600px" height="400px" border="no" /></a>

Nah, sintaks-sintaks diatas akan saya tulis dalam Notepad ++ seperti dibawah ini:

<body>
<a href="http://www.harianandroid.xyz">link ke Harian Android</a>
<br>
<br>
Buka Halaman <a href="http://www.harianandroid.xyz"target="_blank">Harian Android</a> di window baru
<br>
<br>
<a href="mailto:[email protected]">Email Kami </a>
<br>
<br>
<a href="http://www.harianandroid.xyz"><img src="https://images.unsplash.com/photo-1486174070967-b0f1610f76de?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=821a14f7addefb1caa4780ae27c65052&auto=format&fit=crop&w=750&q=80" width="600px" height="400px" border="no" /></a>
</body>

Kemudian ditampilkan menggunakan browser chrome.

Nah ini lah yang saya pelajari hari ini mengenai hyperlink. Ini bukan tutorial html. Ini hanya pengalaman belajar saya aja ya steemian ^_^

#life #technology #html #computer

6 years ago in #indonesia by azwarrangkuti (67)

Sort:

midun (69) 6 years ago

Tu udah bisa mulai pakai notepad ++ atau Dreamweaver biar cepat lancar bg. Sekalian pelajari bootstrap bg biar tampilannya responsive . :D lanjutkan part nya

$0.00

[-]