Artikel

Home > Artikel
 

 

Bagaimana Cara Membuat Link Pada HTML5


Diposting : 2017-05-02 oleh : WebHozz



Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat link pada HTML5. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.

Link merupakan salah satu komponen utama di halam web. Melalui link, halaman-halaman web dapat saling terkait. Untuk membuat link, digunakan tag <a>. Tag <a> bisa dipakai untuk merujuk halaman web lain, merujuk elemen lain di halaman yang sama, merujuk link di sebuah sript, atau merujuk ke alamat email. Tujuan link didefinisikan melalui atribut href.

Link bisa diterapkan pada teks atau objek lain, misalnya gambar. Link pada teks secara default diberi efek cetak garis bawah. Jika URL tujuan belum pernah kalian buka, maka teks link berawarna biru. Jika URL tujuan pernah kalian buka, maka teks link berwarna ungu. Jika URL kalian klik (aktif), maka warna teks link berwarna merah. Meskipun demikian, umumnya desainer web menata ulang tampilan link pada teks via CSS, sehingga warna dan efek teksnya bisa berbeda.

Berikut contoh beragam variasi link:

                <!DOCTYPE html>

                <html>

                       <head>

                                <title>Membuat Link</title>

                        </head>

 

                        <body>

                                <h1 id=”atas”>Aneka Link</h1>

                                <p>Koleksi buku<a href=http://www.webhozz.com title=”Situs Webhozz</a>/p>

                               

                                <p>Link ke<a href=”latihan1.html” target=”_blank” rel=”nofollow”>Halaman web

pertama</a></p>

               

                <a href=”https://www.google.com” ttitle=”Situs Google”><img

src=http://www.webhozz.com/google.jpg”></a>

               

                <p>Kontak: <a href=mailto:obama@gmail.com?Subject=Judulnya>Kirimkan Email</a></p>

 

                <p>Cobalah: <a href=”javascript:alert (’Berhasil’) ; “>Link JavaScript</a></p>

 

                <p><a href=”#atas”>kembali ke atas</a></p>

        </body>

</html>

 

 

Nah itulah pembahasan singkat mengenai membuat link dalam HTML5, semoga pembahasan artikel ini dapat membantu sobat Webhozz dalam mempelajari web design dan dapat menambah pengetahuan sobat Webhozz semuanya. Sampai berjumpa lagi pada pembahasan artikel-artikel lainnya yang tentunya lebih menarik lagi.




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,