kali ini saya akan membahas cara menambah icon . icon disini berguna untuk mempercantik tampilan agar tampilan tidak menjadi sepi karena hanya berisi text saja.icon juga biasa digunkan untuk memperhemat tempat dibanding text. disini kita akan mempelajari cara menambah icon secara online dan offline
contoh penggunaan secara online
1.memkai font awesome
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
taruh link diatas di dalam tag head untuk menghubungkan fontawesome ke html
2.kalian download font awesomenya dan menaruhnya sefolder dan dopanggil
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
berarti font awesome berada di dalam folder css
pemanggilan icon:<i class="fa fa-car"
hasil:
itu dengan font aweome ada lagi menggunkan bootstrap:
hampir sama cuma berbeda pemanggilan dan linknya
1.bootstrap secara online:<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
2.secara offline sama seperti font awesome kalian download dan panggil dengan link
penggunaan:
<i class="glyphicon glyphicon-cloud"></i>
bedanya disini pemanggilan iconya menggunakan glyphicon
mungkin kalian bisa langsung mencobanya
referensi:www.w3schools.com
sekian Wassalamualaikum wr.wb
0 komentar :
Posting Komentar