Menu Drop Box

<!DOCTYPE html>
<html>
<head>
 <title>Pengenalan Teknologi</title>
 <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<style>
body {
 background-image:url('ahmad.jpg');
 background-size: cover;
 margin-left: 10%;
}

ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
 font-family: arial;
}

ul li {
 float: left;
 width: 200px;
 height: 40px;
 background-color: black;
 opacity: .8;
 line-height: 40px;
 text-align: center;
 font-size: 20px;
}

ul li a {
 text-decoration: none;
 color: white;
 display: block;
}

ul li a:hover {
 background-color: green;
}

ul li ul li{
 display: none;
}

ul li:hover ul li {
 display: block;
}

ul ul li a {
 text-decoration: none;
 color: white;
 display: block;
}

ul ul li a:hover {
 background-color: green;
}

ul li ul li{
 display: none;
}

ul li:hover ul li {
 display: block;
}

</style>
<body>

<ul>
 <li><a href="#">Home</a></li>
 <li><a href="#">About</a></li>
 <li><a href="#">Information</a>
  <ul>
   <li><a href="">News</a></li>
   <li><a href="">Drone</a></li>
   <li><a href="">Phone</a>
    <ul>
    <li><a href="">Drone</a></li>
<li><a href="">Drone</a></li>
</ul>
   </li>
   <li><a href="">Computer</a>
    <ul>
    <li><a href="">Windows</a></li>
    <li><a href="">Mac OS</a></li>
<li><a href="">Linux</a></li>
    </ul>
   </li>
  </ul>
 </li>
 <li><a href="#">Shopping</a></li>
 <li><a href="#">Contact</a></li>
</ul>

</body>
</html>

ini adalah code yang di pelajari oleh saya sepanjang saya belajar Teknologi Web.. di mana saya berusaha mencari code ini dan cuba untuk memahami html dan sekarang saya sudah mempelajari bayank perkara di dalam bab ini termasuk membuat database.. final projek saya dalam subjek ini membuktikan saya mampu melakukan apa yang saya mahukan.. walaupun ia tugasan berkumpulan tetapi saya menguasainya berseorangan dimana kumpulan lain rata-ratanya masih lagi bermain html, css, javaskrip.. tapi kumpulan saya yang diketuai oleh saya telah berjaya membuat register system dan database erti kata lain saya telah menguasai mysqli, php, javaskrip, html, css, xammp, localhost dan sekarang dalam proses pelajari untuk publish website tanpa bantuan lecture kerana sekarang sudah 26/11/17 bermakna sudah habis pembelajaran hanya menunggu final exam sem 1.. itu saja perkongsian saya.. terima kasih..

Ulasan

Catatan popular daripada blog ini

Kre8tif! Conference & Contest Festival 2017

PANIGALE V4 PALING CANTIK

The Telekung Project