Pada tutorial kali ini saya ingin berbagi pengetahuan tentang Cara Membuat Dropdown Menggunakan Framework W3C, penasaran ingin coba, baik sebelum kita masukan ke pembahasannya sedikit tentang W3C apa sih W3C itu ?
World Wide Web Consortium (W3C) adalah suatu konsorsium yang bekerja untuk mengembangkan standar-standar untuk World Wide Web. Spesifikasi teknologi-teknologi utama yang dipakai sebagai basis utama web, seperti URL (Uniform Resource Locator), HTTP (Hypertext Transfer Protocol), dan HTML (HyperText Markup Language) dikembangkan dan diatur oleh badan ini. W3C dibuat pada 20 Oktober 1994 oleh Tim Berners-Lee, didirikan oleh Massachusetts Institue of Tekchnology (MIT). Oke sudah jelas yah sekarang kita masuk ke pembahasan, caranya mudah teman teman bisa kopikan scriptnya dibawah ini :
<!DOCTYPE html>
<html>
<title>W3C</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-container">
<div class="w3-bar w3-blue">
<a href="#" class="w3-bar-item w3-button">Home</a>
<a href="#" class="w3-bar-item w3-button">Profil</a>
<div class="w3-dropdown-hover">
<button class="w3-button">Dropdown</button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
<a href="#" class="w3-bar-item w3-button">Dropdown 1</a>
<a href="#" class="w3-bar-item w3-button">Dropdown 2</a>
<a href="#" class="w3-bar-item w3-button">Dropdown 3</a>
</div>
</div>
</div>
</div>
</body>
</html>
Jika sudah save dan, hasilnya akan seperti ini :
Cukup mudah bukan, sekian tutorial tentang Cara Membuat Dropdown Menggunakan Framework W3C, sampai bertemu diartikel selanjutnya dan sampai jumpa.
#KeepLearn
#IsmetMA
The post Cara Membuat Dropdown Menggunakan Framework W3C appeared first on Kursus Website Terbaik.